@commercetools-frontend/react-notifications 0.0.0-FEC-157-preview-releases-20241126230331

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

@@ -0,0 +1,4 @@
+import type { Props } from './map-notification-to-component';
+export 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

@@ -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/types/jsx-namespace").EmotionJSX.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';

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

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

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

@@ -0,0 +1,15 @@
+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: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+    defaultProps: Pick<Props, "fixed">;
+};
+export default Notification;

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

@@ -0,0 +1,12 @@
+import { type SerializedStyles } from '@emotion/react';
+import type { TAppNotificationKind, TAppNotificationDomain } from '@commercetools-frontend/constants';
+type StyleProps = {
+    type: TAppNotificationKind;
+    domain: TAppNotificationDomain;
+    fixed: boolean;
+};
+declare const getStylesForNotificationIcon: (props: StyleProps) => SerializedStyles;
+declare const getStylesForCloseIcon: (props: StyleProps) => SerializedStyles;
+declare const getStylesForContent: (props: StyleProps) => SerializedStyles;
+declare const getStylesForNotification: (props: StyleProps) => SerializedStyles;
+export { getStylesForNotificationIcon, getStylesForCloseIcon, getStylesForContent, getStylesForNotification, };

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

@@ -0,0 +1,16 @@
+import { SyntheticEvent } from 'react';
+import type { TAppNotification, TAppNotificationValuesApiError } from '@commercetools-frontend/constants';
+import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
+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/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default ApiErrorNotification;

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

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

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/types/jsx-namespace").EmotionJSX.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';

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

@@ -0,0 +1,153 @@
+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;
+    };
+    DuplicateStandalonePriceScope: {
+        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;
+    };
+    OverlappingPriceValidity: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    OverlappingStandalonePriceValidity: {
+        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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { SyntheticEvent } from 'react';
+import type { TAppNotification, TAppNotificationValuesUnexpectedError } from '@commercetools-frontend/constants';
+import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
+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/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default UnexpectedErrorNotification;

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

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

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/types/jsx-namespace").EmotionJSX.Element | null;
+    displayName: string;
+};
+export default NotificationsList;

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

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

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';
+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';

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

@@ -0,0 +1,16 @@
+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: {
+    (props: Props): null;
+    displayName: string;
+    defaultProps: Pick<Props, "domain" | "kind">;
+};
+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';
+export type TMapNotificationToComponentProps = MapNotificationToComponentProps;

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

@@ -0,0 +1,8 @@
+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 } from './components/notifications-list';
+export { selectSideNotifications, selectGlobalNotifications, selectPageNotifications, } from './components/notifications-list/selectors';
+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

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

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-FEC-157-preview-releases-20241126230331",
+  "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-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/application-components": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/constants": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/notifications": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/sentry": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-uikit/design-system": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icon-button": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/secondary-icon-button": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/utils": "^19.9.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@types/history": "^4.7.11",
+    "@types/lodash": "^4.14.198",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^17.0.80",
+    "@types/react-dom": "^17.0.19",
+    "@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.5.40",
+    "prop-types": "15.8.1",
+    "reselect": "4.1.8"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.4",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "jest": "29.7.0",
+    "jest-mock": "29.7.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-intl": "^6.4.7",
+    "react-redux": "7.2.9",
+    "react-router-dom": "5.3.4"
+  },
+  "peerDependencies": {
+    "react": "17.x",
+    "react-dom": "17.x",
+    "react-intl": "6.x",
+    "react-redux": "7.x",
+    "react-router-dom": "5.x"
+  }
+}