@commercetools-frontend/react-notifications 20.9.3 → 20.10.4

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

@@ -60,7 +60,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
 var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '20.9.3';
+var version = '20.10.4';
 
 var Context = /*#__PURE__*/react.createContext(function () {
   return null;
@@ -580,32 +580,22 @@ var selectNotifications = function selectNotifications(state) {
   return state.notifications;
 };
 var selectGlobalNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context, _context2;
-
-  return (// https://stackoverflow.com/a/42487130
-    _sliceInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](_context2 = notifications).call(_context2, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.GLOBAL;
-    }) // Return only 1 at a time
-    ).call(_context, 0, 1)
-  );
+  var _context;
+
+  return _sliceInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.GLOBAL;
+  }) // Return only 1 at a time
+  ).call(_context, 0, 1);
 });
 var selectPageNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context3;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty__default['default'](_context3 = notifications).call(_context3, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.PAGE;
-    })
-  );
+  return _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.PAGE;
+  });
 });
 var selectSideNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context4;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty__default['default'](_context4 = notifications).call(_context4, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.SIDE;
-    })
-  );
+  return _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.SIDE;
+  });
 });
 
 var getStyles = function getStyles(props) {

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

@@ -60,7 +60,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
 var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '20.9.3';
+var version = '20.10.4';
 
 var Context = /*#__PURE__*/react.createContext(function () {
   return null;
@@ -557,32 +557,22 @@ var selectNotifications = function selectNotifications(state) {
   return state.notifications;
 };
 var selectGlobalNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context, _context2;
-
-  return (// https://stackoverflow.com/a/42487130
-    _sliceInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](_context2 = notifications).call(_context2, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.GLOBAL;
-    }) // Return only 1 at a time
-    ).call(_context, 0, 1)
-  );
+  var _context;
+
+  return _sliceInstanceProperty__default['default'](_context = _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.GLOBAL;
+  }) // Return only 1 at a time
+  ).call(_context, 0, 1);
 });
 var selectPageNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context3;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty__default['default'](_context3 = notifications).call(_context3, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.PAGE;
-    })
-  );
+  return _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.PAGE;
+  });
 });
 var selectSideNotifications = reselect.createSelector(selectNotifications, function (notifications) {
-  var _context4;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty__default['default'](_context4 = notifications).call(_context4, function (notification) {
-      return notification.domain === constants.NOTIFICATION_DOMAINS.SIDE;
-    })
-  );
+  return _filterInstanceProperty__default['default'](notifications).call(notifications, function (notification) {
+    return notification.domain === constants.NOTIFICATION_DOMAINS.SIDE;
+  });
 });
 
 var getStyles = function getStyles(props) {

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

@@ -34,7 +34,7 @@ import isNumber from 'lodash/isNumber';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '20.9.3';
+var version = '20.10.4';
 
 var Context = /*#__PURE__*/createContext(function () {
   return null;
@@ -554,32 +554,22 @@ var selectNotifications = function selectNotifications(state) {
   return state.notifications;
 };
 var selectGlobalNotifications = createSelector(selectNotifications, function (notifications) {
-  var _context, _context2;
-
-  return (// https://stackoverflow.com/a/42487130
-    _sliceInstanceProperty(_context = _filterInstanceProperty(_context2 = notifications).call(_context2, function (notification) {
-      return notification.domain === NOTIFICATION_DOMAINS.GLOBAL;
-    }) // Return only 1 at a time
-    ).call(_context, 0, 1)
-  );
+  var _context;
+
+  return _sliceInstanceProperty(_context = _filterInstanceProperty(notifications).call(notifications, function (notification) {
+    return notification.domain === NOTIFICATION_DOMAINS.GLOBAL;
+  }) // Return only 1 at a time
+  ).call(_context, 0, 1);
 });
 var selectPageNotifications = createSelector(selectNotifications, function (notifications) {
-  var _context3;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty(_context3 = notifications).call(_context3, function (notification) {
-      return notification.domain === NOTIFICATION_DOMAINS.PAGE;
-    })
-  );
+  return _filterInstanceProperty(notifications).call(notifications, function (notification) {
+    return notification.domain === NOTIFICATION_DOMAINS.PAGE;
+  });
 });
 var selectSideNotifications = createSelector(selectNotifications, function (notifications) {
-  var _context4;
-
-  return (// https://stackoverflow.com/a/42487130
-    _filterInstanceProperty(_context4 = notifications).call(_context4, function (notification) {
-      return notification.domain === NOTIFICATION_DOMAINS.SIDE;
-    })
-  );
+  return _filterInstanceProperty(notifications).call(notifications, function (notification) {
+    return notification.domain === NOTIFICATION_DOMAINS.SIDE;
+  });
 });
 
 var getStyles = function getStyles(props) {

package/dist/declarations/src/components/map-notification-to-component/index.d.ts

@@ -1,4 +1,4 @@
-import type { Props } from './map-notification-to-component';
-export declare type TProps = Props;
-export { default } from './map-notification-to-component';
-export { useCustomNotificationComponent } from './map-notification-to-component';
+import type { Props } from './map-notification-to-component';
+export declare type TProps = Props;
+export { default } from './map-notification-to-component';
+export { useCustomNotificationComponent } from './map-notification-to-component';

package/dist/declarations/src/components/map-notification-to-component/map-notification-to-component.d.ts

@@ -1,12 +1,12 @@
-import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
-import { ElementType, ReactNode } from 'react';
-export declare type Props = {
-    mapNotificationToComponent: (notification: TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide) => ElementType | null;
-    children: ReactNode;
-};
-declare function NotificationProviderForCustomComponent(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace NotificationProviderForCustomComponent {
-    var displayName: string;
-}
-export declare const useCustomNotificationComponent: () => (notification: TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide) => ElementType | null;
-export default NotificationProviderForCustomComponent;
+import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
+import { ElementType, ReactNode } from 'react';
+export declare type Props = {
+    mapNotificationToComponent: (notification: TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide) => ElementType | null;
+    children: ReactNode;
+};
+declare function NotificationProviderForCustomComponent(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace NotificationProviderForCustomComponent {
+    var displayName: string;
+}
+export declare const useCustomNotificationComponent: () => (notification: TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide) => ElementType | null;
+export default NotificationProviderForCustomComponent;

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

@@ -1 +1 @@
-export { default } from './notification';
+export { default } from './notification';

package/dist/declarations/src/components/notification/messages.d.ts

@@ -1,8 +1,8 @@
-declare const _default: {
-    hideNotification: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
+declare const _default: {
+    hideNotification: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/notification/notification.d.ts

@@ -1,15 +1,15 @@
-import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
-import { ReactNode, SyntheticEvent } from 'react';
-export declare type Props = {
-    domain: TAppNotificationDomain;
-    type: TAppNotificationKind;
-    fixed: boolean;
-    onCloseClick?: (event: SyntheticEvent) => void;
-    children: ReactNode;
-};
-declare const Notification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-    defaultProps: Pick<Props, "fixed">;
-};
-export default Notification;
+import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
+import { ReactNode, SyntheticEvent } from 'react';
+export declare type Props = {
+    domain: TAppNotificationDomain;
+    type: TAppNotificationKind;
+    fixed: boolean;
+    onCloseClick?: (event: SyntheticEvent) => void;
+    children: ReactNode;
+};
+declare const Notification: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "fixed">;
+};
+export default Notification;

package/dist/declarations/src/components/notification/notification.styles.d.ts

@@ -1,10 +1,10 @@
-import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
-declare type StyleProps = {
-    type: TAppNotificationKind;
-    domain: TAppNotificationDomain;
-    fixed: boolean;
-};
-declare const getStylesForIcon: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-declare const getStylesForContent: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-declare const getStylesForNotification: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-export { getStylesForIcon, getStylesForContent, getStylesForNotification };
+import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
+declare type StyleProps = {
+    type: TAppNotificationKind;
+    domain: TAppNotificationDomain;
+    fixed: boolean;
+};
+declare const getStylesForIcon: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+declare const getStylesForContent: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+declare const getStylesForNotification: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+export { getStylesForIcon, getStylesForContent, getStylesForNotification };

package/dist/declarations/src/components/notification-kinds/api-error/api-error.d.ts

@@ -1,16 +1,16 @@
-import type { TAppNotification, TAppNotificationValuesApiError } from '@commercetools-frontend/constants';
-import { SyntheticEvent } from 'react';
-import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
-declare type Props = {
-    notification: TAppNotification<{
-        domain: typeof NOTIFICATION_DOMAINS.PAGE;
-        kind: typeof NOTIFICATION_KINDS_PAGE['api-error'];
-        values: TAppNotificationValuesApiError;
-    }>;
-    dismiss: (event: SyntheticEvent) => void;
-};
-declare const ApiErrorNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ApiErrorNotification;
+import type { TAppNotification, TAppNotificationValuesApiError } from '@commercetools-frontend/constants';
+import { SyntheticEvent } from 'react';
+import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
+declare type Props = {
+    notification: TAppNotification<{
+        domain: typeof NOTIFICATION_DOMAINS.PAGE;
+        kind: typeof NOTIFICATION_KINDS_PAGE['api-error'];
+        values: TAppNotificationValuesApiError;
+    }>;
+    dismiss: (event: SyntheticEvent) => void;
+};
+declare const ApiErrorNotification: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ApiErrorNotification;

package/dist/declarations/src/components/notification-kinds/api-error/index.d.ts

@@ -1 +1 @@
-export { default } from './api-error';
+export { default } from './api-error';

package/dist/declarations/src/components/notification-kinds/api-error-message/api-error-message.d.ts

@@ -1,31 +1,31 @@
-import type { TAppNotificationApiError } from '@commercetools-frontend/constants';
-declare type ExtraErrorFields = {
-    errorByExtension?: {
-        id: string;
-        key?: string;
-    };
-    localizedMessage?: {
-        [locale: string]: string;
-    };
-    field?: string;
-    duplicateValue?: string;
-    invalidValue?: string | {
-        overlappingPrices: string;
-    } | {
-        validFrom: string;
-        validUntil: string;
-    };
-    detailedErrorMessage?: string;
-    attribute?: {
-        name: string;
-    };
-    referencedBy?: string;
-};
-declare type Props = {
-    error: TAppNotificationApiError<ExtraErrorFields>;
-};
-declare const ApiErrorMessage: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ApiErrorMessage;
+import type { TAppNotificationApiError } from '@commercetools-frontend/constants';
+declare type ExtraErrorFields = {
+    errorByExtension?: {
+        id: string;
+        key?: string;
+    };
+    localizedMessage?: {
+        [locale: string]: string;
+    };
+    field?: string;
+    duplicateValue?: string;
+    invalidValue?: string | {
+        overlappingPrices: string;
+    } | {
+        validFrom: string;
+        validUntil: string;
+    };
+    detailedErrorMessage?: string;
+    attribute?: {
+        name: string;
+    };
+    referencedBy?: string;
+};
+declare type Props = {
+    error: TAppNotificationApiError<ExtraErrorFields>;
+};
+declare const ApiErrorMessage: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ApiErrorMessage;

package/dist/declarations/src/components/notification-kinds/api-error-message/index.d.ts

@@ -1 +1 @@
-export { default } from './api-error-message';
+export { default } from './api-error-message';

package/dist/declarations/src/components/notification-kinds/api-error-message/messages.d.ts

@@ -1,138 +1,138 @@
-declare const _default: {
-    General: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    OverlappingPrices: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ConcurrentModificationBulkEdit: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ConcurrentModification: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicateAttributeValue: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicateAttributeValues: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicateField: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicateSlug: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicatePriceScope: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    DuplicateVariantValues: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    InvalidDateRange: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    InvalidField: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    InvalidSlug: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    PendingOperation: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ResourceNotFound: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ReferenceExists: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    RequiredField: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    RequiredFields: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    SemanticError: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    SyntaxError: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    Unauthorized: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    Forbidden: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ExtensionNoResponse: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ExtensionBadResponse: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    ExtensionUpdateActionsFailed: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    TaxCategoryDuplicateCountry: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-    MaxResourceLimitExceeded: {
-        id: string;
-        description: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
+declare const _default: {
+    General: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    OverlappingPrices: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ConcurrentModificationBulkEdit: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ConcurrentModification: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicateAttributeValue: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicateAttributeValues: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicateField: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicateSlug: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicatePriceScope: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    DuplicateVariantValues: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    InvalidDateRange: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    InvalidField: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    InvalidSlug: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    PendingOperation: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ResourceNotFound: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ReferenceExists: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    RequiredField: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    RequiredFields: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    SemanticError: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    SyntaxError: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    Unauthorized: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    Forbidden: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ExtensionNoResponse: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ExtensionBadResponse: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    ExtensionUpdateActionsFailed: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    TaxCategoryDuplicateCountry: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    MaxResourceLimitExceeded: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/notification-kinds/generic/generic.d.ts

@@ -1,15 +1,15 @@
-import type { TAppNotification, TAppNotificationDomain, TAppNotificationKindSide } from '@commercetools-frontend/constants';
-import { SyntheticEvent } from 'react';
-declare type Props = {
-    notification: TAppNotification<{
-        domain: TAppNotificationDomain;
-        kind: TAppNotificationKindSide;
-        text: string;
-    }>;
-    dismiss: (event: SyntheticEvent) => void;
-};
-declare const GenericNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default GenericNotification;
+import type { TAppNotification, TAppNotificationDomain, TAppNotificationKindSide } from '@commercetools-frontend/constants';
+import { SyntheticEvent } from 'react';
+declare type Props = {
+    notification: TAppNotification<{
+        domain: TAppNotificationDomain;
+        kind: TAppNotificationKindSide;
+        text: string;
+    }>;
+    dismiss: (event: SyntheticEvent) => void;
+};
+declare const GenericNotification: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default GenericNotification;

package/dist/declarations/src/components/notification-kinds/generic/index.d.ts

@@ -1 +1 @@
-export { default } from './generic';
+export { default } from './generic';

package/dist/declarations/src/components/notification-kinds/unexpected-error/index.d.ts

@@ -1 +1 @@
-export { default } from './unexpected-error';
+export { default } from './unexpected-error';

package/dist/declarations/src/components/notification-kinds/unexpected-error/unexpected-error.d.ts

@@ -1,16 +1,16 @@
-import type { TAppNotification, TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
-import { SyntheticEvent } from 'react';
-import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
-declare type Props = {
-    notification: TAppNotification<{
-        domain: typeof NOTIFICATION_DOMAINS.PAGE;
-        kind: typeof NOTIFICATION_KINDS_PAGE['unexpected-error'];
-        values: TAppNotificationValuesUnexpectedError;
-    }>;
-    dismiss: (event: SyntheticEvent) => void;
-};
-declare const UnexpectedErrorNotification: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default UnexpectedErrorNotification;
+import type { TAppNotification, TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
+import { SyntheticEvent } from 'react';
+import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
+declare type Props = {
+    notification: TAppNotification<{
+        domain: typeof NOTIFICATION_DOMAINS.PAGE;
+        kind: typeof NOTIFICATION_KINDS_PAGE['unexpected-error'];
+        values: TAppNotificationValuesUnexpectedError;
+    }>;
+    dismiss: (event: SyntheticEvent) => void;
+};
+declare const UnexpectedErrorNotification: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default UnexpectedErrorNotification;

package/dist/declarations/src/components/notifications-list/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './notifications-list';
-export { selectPageNotifications } from './selectors';
+export { default } from './notifications-list';
+export { selectPageNotifications } from './selectors';

package/dist/declarations/src/components/notifications-list/notifications-list.d.ts

@@ -1,9 +1,9 @@
-import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
-declare type Props = {
-    domain: TAppNotificationDomain;
-};
-declare const NotificationsList: {
-    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export default NotificationsList;
+import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
+declare type Props = {
+    domain: TAppNotificationDomain;
+};
+declare const NotificationsList: {
+    (props: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default NotificationsList;

package/dist/declarations/src/components/notifications-list/notifications-list.styles.d.ts

@@ -1,6 +1,6 @@
-import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
-declare type StyleProps = {
-    domain: TAppNotificationDomain;
-};
-declare const getStyles: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
-export { getStyles };
+import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
+declare type StyleProps = {
+    domain: TAppNotificationDomain;
+};
+declare const getStyles: (props: StyleProps) => import("@emotion/utils").SerializedStyles;
+export { getStyles };

package/dist/declarations/src/components/notifications-list/selectors.d.ts

@@ -1,6 +1,12 @@
-import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
-import type { TAppState } from './types';
-export declare const selectNotifications: (state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[];
-export declare const selectGlobalNotifications: import("reselect").OutputSelector<TAppState, TAppNotificationGlobal[], (res: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationGlobal[]>;
-export declare const selectPageNotifications: import("reselect").OutputSelector<TAppState, TAppNotificationPage[], (res: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationPage[]>;
-export declare const selectSideNotifications: import("reselect").OutputSelector<TAppState, TAppNotificationSide[], (res: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationSide[]>;
+import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
+import type { TAppState } from './types';
+export declare const selectNotifications: (state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[];
+export declare const selectGlobalNotifications: import("reselect").OutputSelector<[(state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]], TAppNotificationGlobal[], never, ((args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[], ...args_1: unknown[]) => TAppNotificationGlobal[]) & ((...args: any[]) => any) & {
+    clearCache: () => void;
+}>;
+export declare const selectPageNotifications: import("reselect").OutputSelector<[(state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]], TAppNotificationPage[], never, ((args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[], ...args_1: unknown[]) => TAppNotificationPage[]) & ((...args: any[]) => any) & {
+    clearCache: () => void;
+}>;
+export declare const selectSideNotifications: import("reselect").OutputSelector<[(state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]], TAppNotificationSide[], never, ((args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[], ...args_1: unknown[]) => TAppNotificationSide[]) & ((...args: any[]) => any) & {
+    clearCache: () => void;
+}>;

package/dist/declarations/src/components/notifications-list/types.d.ts

@@ -1,4 +1,4 @@
-import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
-export declare type TAppState = {
-    notifications: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[];
-};
+import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
+export declare type TAppState = {
+    notifications: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[];
+};

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

@@ -1 +1 @@
-export { default } from './notifier';
+export { default } from './notifier';

package/dist/declarations/src/components/notifier/notifier.d.ts

@@ -1,16 +1,16 @@
-import type { TAppNotificationDomain, TAppNotificationKind } from '@commercetools-frontend/constants';
-declare type Props = {
-    domain: TAppNotificationDomain;
-    kind: TAppNotificationKind;
-    text?: string;
-    meta?: {
-        [key: string]: unknown;
-    };
-    dismissAfter?: number;
-};
-declare const Notifier: {
-    (props: Props): null;
-    displayName: string;
-    defaultProps: Pick<Props, "domain" | "kind">;
-};
-export default Notifier;
+import type { TAppNotificationDomain, TAppNotificationKind } from '@commercetools-frontend/constants';
+declare type Props = {
+    domain: TAppNotificationDomain;
+    kind: TAppNotificationKind;
+    text?: string;
+    meta?: {
+        [key: string]: unknown;
+    };
+    dismissAfter?: number;
+};
+declare const Notifier: {
+    (props: Props): null;
+    displayName: string;
+    defaultProps: Pick<Props, "domain" | "kind">;
+};
+export default Notifier;

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

@@ -1,2 +1,2 @@
-import type { TProps as MapNotificationToComponentProps } from './components/map-notification-to-component';
-export declare type TMapNotificationToComponentProps = MapNotificationToComponentProps;
+import type { TProps as MapNotificationToComponentProps } from './components/map-notification-to-component';
+export declare type TMapNotificationToComponentProps = MapNotificationToComponentProps;

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

@@ -1,7 +1,7 @@
-export { default as version } from './version';
-export * from './export-types';
-export { default as NotificationProviderForCustomComponent } from './components/map-notification-to-component';
-export { default as Notification } from './components/notification';
-export { default as NotificationsList, selectPageNotifications, } from './components/notifications-list';
-export { default as Notifier } from './components/notifier';
-export { default as ApiErrorMessage } from './components/notification-kinds/api-error-message';
+export { default as version } from './version';
+export * from './export-types';
+export { default as NotificationProviderForCustomComponent } from './components/map-notification-to-component';
+export { default as Notification } from './components/notification';
+export { default as NotificationsList, selectPageNotifications, } from './components/notifications-list';
+export { default as Notifier } from './components/notifier';
+export { default as ApiErrorMessage } from './components/notification-kinds/api-error-message';

package/dist/declarations/src/utils/filter-data-attributes.d.ts

@@ -1 +1 @@
-export default function filterDataAttributes<T extends object>(obj: T): Partial<T>;
+export default function filterDataAttributes<T extends object>(obj: T): Partial<T>;

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

@@ -1,2 +1,2 @@
-declare const _default: "20.9.3";
-export default _default;
+declare const _default: "20.10.4";
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/react-notifications",
-  "version": "20.9.3",
+  "version": "20.10.4",
   "description": "React bindings for @commercetools-frontend/notifications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -22,23 +22,23 @@
     "prepare": "./../../scripts/version.js replace"
   },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.9",
-    "@commercetools-frontend/actions-global": "20.9.3",
-    "@commercetools-frontend/constants": "20.9.3",
-    "@commercetools-frontend/notifications": "20.9.3",
-    "@commercetools-frontend/sentry": "20.9.3",
+    "@babel/runtime": "7.15.4",
+    "@babel/runtime-corejs3": "7.15.4",
+    "@commercetools-frontend/actions-global": "20.10.4",
+    "@commercetools-frontend/constants": "20.10.1",
+    "@commercetools-frontend/notifications": "20.10.1",
+    "@commercetools-frontend/sentry": "20.10.4",
     "@commercetools-uikit/design-system": "^12.2.2",
     "@commercetools-uikit/icon-button": "^12.2.2",
     "@commercetools-uikit/icons": "^12.2.2",
     "@commercetools-uikit/spacings": "^12.2.2",
-    "@emotion/react": "11.4.0",
+    "@emotion/react": "11.5.0",
     "@emotion/styled": "11.3.0",
     "@types/history": "4.7.9",
     "@types/lodash": "^4.14.167",
     "@types/prop-types": "^15.7.3",
-    "@types/react": "^17.0.7",
-    "@types/react-dom": "^17.0.5",
+    "@types/react": "^17.0.16",
+    "@types/react-dom": "^17.0.9",
     "@types/react-redux": "^7.1.16",
     "@types/react-router": "^5.1.13",
     "@types/react-router-dom": "^5.1.7",
@@ -46,15 +46,15 @@
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.32",
     "prop-types": "15.7.2",
-    "reselect": "4.0.0"
+    "reselect": "4.1.0"
   },
   "devDependencies": {
-    "@testing-library/react": "12.0.0",
+    "@testing-library/react": "12.1.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "5.20.6",
-    "react-redux": "7.2.4",
-    "react-router-dom": "5.2.0"
+    "react-intl": "5.21.0",
+    "react-redux": "7.2.6",
+    "react-router-dom": "5.3.0"
   },
   "peerDependencies": {
     "react": "17.x",