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

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

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

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

@@ -0,0 +1,12 @@
+import { ElementType, ReactNode } from 'react';
+import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
+export 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

@@ -0,0 +1 @@
+export { default } from "./notification.js";

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

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

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

@@ -0,0 +1,34 @@
+import type { TAppNotificationApiError } from '@commercetools-frontend/constants';
+type ExtraErrorExtensionsFields = {
+    field?: string;
+    duplicateValue?: string;
+    referencedBy?: string;
+    invalidValue?: string | {
+        overlappingPrices: string;
+    } | {
+        validFrom: string;
+        validUntil: string;
+    };
+};
+export type ExtraErrorFields = ExtraErrorExtensionsFields & {
+    errorByExtension?: {
+        id: string;
+        key?: string;
+    };
+    localizedMessage?: {
+        [locale: string]: string;
+    };
+    detailedErrorMessage?: string;
+    attribute?: {
+        name: string;
+    };
+    extensions?: ExtraErrorExtensionsFields;
+};
+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

@@ -0,0 +1 @@
+export { default } from "./api-error-message.js";

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

@@ -0,0 +1 @@
+export { default } from "./notifications-list.js";

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

@@ -0,0 +1,9 @@
+import type { TAppNotificationDomain } from '@commercetools-frontend/constants';
+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/selectors.d.ts

@@ -0,0 +1,18 @@
+import type { TAppNotificationGlobal, TAppNotificationPage, TAppNotificationSide } from '@commercetools-frontend/constants';
+import type { TAppState } from "./types.js";
+export declare const selectNotifications: (state: TAppState) => (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[];
+export declare const selectGlobalNotifications: ((state: TAppState) => TAppNotificationGlobal[]) & import("reselect").OutputSelectorFields<(args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationGlobal[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectPageNotifications: ((state: TAppState) => TAppNotificationPage[]) & import("reselect").OutputSelectorFields<(args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationPage[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+export declare const selectSideNotifications: ((state: TAppState) => TAppNotificationSide[]) & import("reselect").OutputSelectorFields<(args_0: (TAppNotificationGlobal | TAppNotificationPage | TAppNotificationSide)[]) => TAppNotificationSide[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

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

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

@@ -0,0 +1 @@
+export { default } from "./notifier.js";

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

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

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

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

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

@@ -0,0 +1,8 @@
+export { default as version } from "./version.js";
+export * from "./export-types.js";
+export { default as NotificationProviderForCustomComponent } from "./components/map-notification-to-component/index.js";
+export { default as Notification } from "./components/notification/index.js";
+export { default as NotificationsList } from "./components/notifications-list/index.js";
+export { selectSideNotifications, selectGlobalNotifications, selectPageNotifications, } from "./components/notifications-list/selectors.js";
+export { default as Notifier } from "./components/notifier/index.js";
+export { default as ApiErrorMessage } from "./components/notification-kinds/api-error-message/index.js";

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,79 @@
+{
+  "name": "@commercetools-frontend/react-notifications",
+  "version": "0.0.0-CRAFT-1791-20251006162610",
+  "description": "React bindings for @commercetools-frontend/notifications",
+  "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/react-notifications"
+  },
+  "homepage": "https://docs.commercetools.com/merchant-center-customizations",
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-react-notifications.cjs.js",
+  "module": "dist/commercetools-frontend-react-notifications.esm.js",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15",
+    "@commercetools-frontend/actions-global": "0.0.0-CRAFT-1791-20251006162610",
+    "@commercetools-frontend/application-components": "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",
+    "@commercetools-uikit/design-system": "^20.2.3",
+    "@commercetools-uikit/hooks": "^20.2.3",
+    "@commercetools-uikit/icon-button": "^20.2.3",
+    "@commercetools-uikit/icons": "^20.2.3",
+    "@commercetools-uikit/secondary-icon-button": "^20.2.3",
+    "@commercetools-uikit/spacings": "^20.2.3",
+    "@commercetools-uikit/utils": "^20.2.3",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@types/history": "^4.7.11",
+    "@types/lodash": "^4.14.198",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^19.0.3",
+    "@types/react-dom": "^19.0.2",
+    "@types/react-redux": "^7.1.26",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "lodash": "4.17.21",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.6.0",
+    "prop-types": "15.8.1",
+    "reselect": "4.1.8"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.14",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "jest": "29.7.0",
+    "jest-mock": "29.7.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-intl": "^7.1.4",
+    "react-redux": "9.2.0",
+    "react-router-dom": "5.3.4"
+  },
+  "peerDependencies": {
+    "react": "19.x",
+    "react-dom": "19.x",
+    "react-intl": "7.x",
+    "react-redux": "7.x || 9.x",
+    "react-router-dom": "5.x"
+  }
+}