decentraland-ui2 0.0.2 → 0.0.3-9857431499.commit-4197294

package/dist/components/Notifications/NotificationsFeed.styled.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+declare const FeedContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const EmptyViewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const EmptyViewTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const EmptyViewDescription: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const OnboardingWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const LoadingContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedModalContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const NotificationFeedContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export { FeedContainer, EmptyViewContainer, EmptyViewTitle, EmptyViewDescription, OnboardingWrapper, LoadingContainer, NotificationFeedModalContainer, NotificationFeedContainer, };

package/dist/components/Notifications/NotificationsFeed.styled.js

@@ -0,0 +1,52 @@
+import styled from "@emotion/styled";
+import { Box, Menu, Typography } from "@mui/material";
+const FeedContainer = styled("div")({
+    width: "384px",
+});
+const EmptyViewContainer = styled("div")({
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    gap: "16px",
+    padding: "40px 80px",
+    alignItems: "center",
+    textAlign: "center",
+});
+const EmptyViewTitle = styled(Typography)({
+    fontSize: "18px",
+    fontWeight: "600",
+    marginBottom: 0,
+});
+const EmptyViewDescription = styled(Typography)({
+    fontSize: "16px",
+    color: "#a09ba8",
+});
+const OnboardingWrapper = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+    gap: "16px",
+    alignItems: "center",
+    textAlign: "center",
+    padding: "30px",
+});
+const LoadingContainer = styled("div")({
+    height: "290px",
+    width: "384px",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+});
+const NotificationFeedModalContainer = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+});
+const NotificationFeedContainer = styled(Menu)({
+    width: "484px",
+    pointerEvents: "visible",
+    "& .MuiPaper-root": {
+        borderRadius: "8px",
+    },
+});
+export { FeedContainer, EmptyViewContainer, EmptyViewTitle, EmptyViewDescription, OnboardingWrapper, LoadingContainer, NotificationFeedModalContainer, NotificationFeedContainer, };
+//# sourceMappingURL=NotificationsFeed.styled.js.map

package/dist/components/Notifications/NotificationsFeed.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeed.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeed.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAErD,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,KAAK,EAAE,OAAO;CACf,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,MAAM;IACX,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACxC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,CAAC;CAChB,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9C,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,MAAM;IACX,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAA;AAEF,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE;QAClB,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAA;AAEF,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,8BAA8B,EAC9B,yBAAyB,GAC1B,CAAA"}

package/dist/components/Notifications/NotificationsFeed.types.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { DCLNotificationProps, NotificationActiveTab, NotificationLocale } from "./types";
+type NotificationsFeedProps = {
+    items: DCLNotificationProps[];
+    isLoading: boolean;
+    locale: NotificationLocale;
+    isOnboarding: boolean;
+    activeTab: NotificationActiveTab;
+    isOpen: boolean;
+    anchorEl: HTMLElement | null;
+    renderProfile?: (address: string) => JSX.Element | string | null;
+    onChangeTab: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, newActiveTab: NotificationActiveTab) => void;
+    onBegin: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onClose: (event: React.MouseEvent<HTMLElement> | MouseEvent) => void;
+};
+export { NotificationsFeedProps };

package/dist/components/Notifications/NotificationsFeed.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NotificationsFeed.types.js.map

package/dist/components/Notifications/NotificationsFeed.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeed.types.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeed.types.ts"],"names":[],"mappings":""}

package/dist/components/Notifications/NotificationsFeedTabs.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { NotificationsFeedTabsProps } from "./NotificationsFeedTabs.types";
+declare const NotificationFeedTabs: React.MemoExoticComponent<(props: NotificationsFeedTabsProps) => JSX.Element>;
+export { NotificationFeedTabs };

package/dist/components/Notifications/NotificationsFeedTabs.i18n.d.ts

@@ -0,0 +1,57 @@
+declare const i18n: {
+    en: {
+        previous: string;
+        feed: {
+            title: string;
+            tabs: {
+                newest: string;
+                read: string;
+            };
+            empty: {
+                title: string;
+                description: string;
+            };
+            history: {
+                title: string;
+                description: string;
+            };
+        };
+    };
+    es: {
+        previous: string;
+        feed: {
+            title: string;
+            tabs: {
+                newest: string;
+                read: string;
+            };
+            empty: {
+                title: string;
+                description: string;
+            };
+            history: {
+                title: string;
+                description: string;
+            };
+        };
+    };
+    zh: {
+        previous: string;
+        feed: {
+            title: string;
+            tabs: {
+                newest: string;
+                read: string;
+            };
+            empty: {
+                title: string;
+                description: string;
+            };
+            history: {
+                title: string;
+                description: string;
+            };
+        };
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationsFeedTabs.i18n.js

@@ -0,0 +1,58 @@
+const i18n = {
+    en: {
+        previous: "Previous",
+        feed: {
+            title: "Notifications",
+            tabs: {
+                newest: "New",
+                read: "Seen",
+            },
+            empty: {
+                title: "You're all caught up!",
+                description: "No new notifications.",
+            },
+            history: {
+                title: "Notifications History",
+                description: "You'll be able to access old notifications here.",
+            },
+        },
+    },
+    es: {
+        previous: "Previo",
+        feed: {
+            title: "Notificaciones",
+            tabs: {
+                newest: "Reciente",
+                read: "Visto",
+            },
+            empty: {
+                title: "¡Ya estas al día!",
+                description: "Te avisaremos si hay nuevas notificaciones para ti.",
+            },
+            history: {
+                title: "Historial de Notificaciones",
+                description: "Aquí aparecerá una lista detallada de las Notificaciones pasadas",
+            },
+        },
+    },
+    zh: {
+        previous: "以前的",
+        feed: {
+            title: "通知",
+            tabs: {
+                newest: "新",
+                read: "看到的",
+            },
+            empty: {
+                title: "你们都赶上了！",
+                description: "没有新通知。",
+            },
+            history: {
+                title: "通知历史",
+                description: "您可以在这里访问旧通知。",
+            },
+        },
+    },
+};
+export { i18n };
+//# sourceMappingURL=NotificationsFeedTabs.i18n.js.map

package/dist/components/Notifications/NotificationsFeedTabs.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeedTabs.i18n.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeedTabs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE;YACJ,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE;gBACJ,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,uBAAuB;gBAC9B,WAAW,EAAE,uBAAuB;aACrC;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,uBAAuB;gBAC9B,WAAW,EAAE,kDAAkD;aAChE;SACF;KACF;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE;gBACJ,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,OAAO;aACd;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,qDAAqD;aACnE;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,6BAA6B;gBACpC,WAAW,EACT,kEAAkE;aACrE;SACF;KACF;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE;YACJ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,GAAG;gBACX,IAAI,EAAE,KAAK;aACZ;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,QAAQ;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,cAAc;aAC5B;SACF;KACF;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationsFeedTabs.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { Tab, Tabs } from "@mui/material";
+import { i18n } from "./NotificationsFeedTabs.i18n";
+import { NotificationActiveTab, } from "./types";
+import { NotificationComponentByType } from "./utils";
+import { EmptyInboxIcon, HistoryIcon } from "../Icon";
+import { EmptyViewContainer, EmptyViewDescription, EmptyViewTitle, } from "./NotificationsFeed.styled";
+import { NotificationFeedPrevious, NotificationFeedTabsContainer, NotificationFeedTabsContent, NotificationFeedTabsHeader, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedTabsTitle, } from "./NotificationsFeedTabs.styled";
+const NotificationHandler = ({ locale, notification, renderProfile, }) => {
+    const NotificationComponent = NotificationComponentByType[notification.type];
+    return (_jsx(NotificationComponent, { notification: notification, locale: locale, renderProfile: renderProfile }));
+};
+const NoReadNotifications = ({ locale }) => (_jsxs(EmptyViewContainer, { children: [_jsx(HistoryIcon, { sx: { fontSize: "115px" } }), _jsx(EmptyViewTitle, { children: i18n[locale].feed.history.title }), _jsx(EmptyViewDescription, { children: i18n[locale].feed.history.description })] }));
+const NoNotifications = ({ locale }) => (_jsxs(EmptyViewContainer, { children: [_jsx(EmptyInboxIcon, { sx: { fontSize: "115px" } }), _jsx(EmptyViewTitle, { children: i18n[locale].feed.empty.title }), _jsx(EmptyViewDescription, { children: i18n[locale].feed.empty.description })] }));
+const NotificationFeedTabs = React.memo((props) => {
+    const { unreadNotifications, locale, previousNotifications, readNotifications, activeTab, isModal, renderProfile, onChangeTab, } = props;
+    const onChangeHandler = useCallback((e, tab) => {
+        onChangeTab(e, tab);
+    }, [onChangeTab]);
+    return (_jsxs(NotificationFeedTabsContainer, { children: [_jsx(NotificationFeedTabsHeader, { children: _jsx(NotificationFeedTabsTitle, { children: i18n[locale].feed.title }) }), _jsxs(NotificationFeedTabsContent, { children: [_jsxs(Tabs, { value: activeTab, onChange: onChangeHandler, indicatorColor: "primary", children: [_jsx(Tab, { label: i18n[locale].feed.tabs.newest, value: NotificationActiveTab.NEWEST }), _jsx(Tab, { label: i18n[locale].feed.tabs.read, value: NotificationActiveTab.READ })] }), _jsx(NotificationFeedTabsListContainer, { isModal: isModal, children: _jsx(NotificationFeedTabsListWrapper, { children: activeTab === NotificationActiveTab.NEWEST ? (_jsx(_Fragment, { children: !unreadNotifications.length &&
+                                    !previousNotifications.length ? (_jsx(NoNotifications, { locale: locale })) : (_jsxs(_Fragment, { children: [_jsx("div", { children: unreadNotifications.map((notification) => (_jsx(NotificationHandler, { notification: notification, locale: locale, renderProfile: renderProfile }, notification.id))) }), previousNotifications.length > 0 && (_jsxs("div", { children: [_jsx(NotificationFeedPrevious, { children: i18n[locale].previous }), previousNotifications.map((notification) => (_jsx(NotificationHandler, { notification: notification, locale: locale, renderProfile: renderProfile }, notification.id)))] }))] })) })) : (_jsx(_Fragment, { children: readNotifications.length > 0 ? (readNotifications.map((notification) => (_jsx(NotificationHandler, { notification: notification, locale: locale, renderProfile: renderProfile }, notification.id)))) : (_jsx(NoReadNotifications, { locale: locale })) })) }) })] })] }));
+});
+export { NotificationFeedTabs };
+//# sourceMappingURL=NotificationsFeedTabs.js.map

package/dist/components/Notifications/NotificationsFeedTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeedTabs.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeedTabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notifications/NotificationsFeedTabs.styled.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { NotificationsFeedTabsProps } from "./NotificationsFeedTabs.types";
+declare const NotificationFeedTabsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const NotificationFeedTabsHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedTabsTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const NotificationFeedTabsContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedTabsListContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<NotificationsFeedTabsProps, "isModal">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedTabsListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedPrevious: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export { NotificationFeedTabsContainer, NotificationFeedTabsHeader, NotificationFeedTabsTitle, NotificationFeedTabsContent, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedPrevious, };

package/dist/components/Notifications/NotificationsFeedTabs.styled.js

@@ -0,0 +1,56 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const NotificationFeedTabsContainer = styled(Box)({
+    width: "384px",
+});
+const NotificationFeedTabsHeader = styled("div")({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "8px 16px",
+});
+const NotificationFeedTabsTitle = styled(Typography)({
+    margin: 0,
+    fontSize: "18px",
+    fontWeight: 600,
+});
+const NotificationFeedTabsContent = styled("div")({
+    height: "100%",
+});
+const NotificationFeedTabsListContainer = styled("div")((props) => {
+    let defaultStyles = {
+        display: "flex",
+        height: "100%",
+        maxHeight: "auto",
+        overflowX: "hidden",
+        overflowY: "default",
+        overscrollBehaviorY: "default",
+    };
+    if (!props.isModal) {
+        defaultStyles = {
+            ...defaultStyles,
+            maxHeight: "290px",
+            overflowY: "auto",
+            overscrollBehaviorY: "contain",
+        };
+    }
+    return defaultStyles;
+});
+const NotificationFeedTabsListWrapper = styled("div")(() => {
+    return {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+    };
+});
+const NotificationFeedPrevious = styled(Typography)(() => {
+    return {
+        fontSize: "16px",
+        fontWeight: 600,
+        paddingLeft: "16px",
+        marginBottom: 0,
+        marginTop: "8px",
+    };
+});
+export { NotificationFeedTabsContainer, NotificationFeedTabsHeader, NotificationFeedTabsTitle, NotificationFeedTabsContent, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedPrevious, };
+//# sourceMappingURL=NotificationsFeedTabs.styled.js.map

package/dist/components/Notifications/NotificationsFeedTabs.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeedTabs.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeedTabs.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/C,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAChD,KAAK,EAAE,OAAO;CACf,CAAC,CAAA;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,UAAU;CACpB,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAA;AAEF,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM;CACf,CAAC,CAAA;AAEF,MAAM,iCAAiC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CACtD,KAAkD,EAClD,EAAE;IACF,IAAI,aAAa,GAAG;QAClB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAiB;QAC5B,SAAS,EAAE,SAOA;QACX,mBAAmB,EAAE,SAKV;KACZ,CAAA;IAED,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,aAAa,GAAG;YACd,GAAG,aAAa;YAChB,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,MAAM;YACjB,mBAAmB,EAAE,SAAS;SAC/B,CAAA;KACF;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAC,CAAA;AAEF,MAAM,+BAA+B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;IACzD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,MAAM;KACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE;IACvD,OAAO;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,KAAK;KACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EACL,6BAA6B,EAC7B,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,iCAAiC,EACjC,+BAA+B,EAC/B,wBAAwB,GACzB,CAAA"}

package/dist/components/Notifications/NotificationsFeedTabs.types.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { DCLNotificationProps, NotificationActiveTab, NotificationLocale } from "./types";
+type NotificationsFeedTabsProps = {
+    unreadNotifications: DCLNotificationProps[];
+    previousNotifications: DCLNotificationProps[];
+    readNotifications: DCLNotificationProps[];
+    locale: NotificationLocale;
+    activeTab: NotificationActiveTab;
+    isModal?: boolean;
+    renderProfile?: (address: string) => JSX.Element | string | null;
+    onChangeTab: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, newActiveTab: NotificationActiveTab) => void;
+};
+export { NotificationsFeedTabsProps };

package/dist/components/Notifications/NotificationsFeedTabs.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NotificationsFeedTabs.types.js.map

package/dist/components/Notifications/NotificationsFeedTabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeedTabs.types.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeedTabs.types.ts"],"names":[],"mappings":""}

package/dist/components/Notifications/index.d.ts

@@ -0,0 +1,3 @@
+export { Notifications } from "./Notifications";
+export { NotificationsProps } from "./Notifications.types";
+export { NotificationActiveTab, NotificationLocale, RawDecentralandNotification, ItemSoldNotificationProps, RoyalitesEarnedNotificationProps, BidAcceptedNotificationProps, BidReceivedNotificationProps, GovernanceAnnouncementNotificationProps, GovernanceProposalEnactedNotificationProps, GovernanceCoauthorRequestedNotificationProps, GovernanceAuthoredProposalFinishedNotificationProps, GovernanceVotingEndedVoterNotificationProps, GovernanceNewCommentOnProposalNotificationProps, GovernanceNewCommentOnProjectUpdateNotificationProps, GovernancePitchPassedNotificationProps, GovernanceTenderPassedNotificationProps, WorldsMissingResourcesNotificationProps, WorldsAccessRestrictedNotificationProps, WorldsAccessRestoredNotificationProps, WorldsPermissionGrantedNotificationProps, WorldsPermissionRevokedNotificationProps, LandRentedNotificationProps, LandRentalEndedNotificationProps, RewardAssignedNotificationProps, EventsStartsSoonNotificationProps, EventsStartedNotificationProps, DCLNotificationProps, CommonNotificationProps, } from "./types";

package/dist/components/Notifications/index.js

@@ -0,0 +1,3 @@
+export { Notifications } from "./Notifications";
+export { NotificationActiveTab, } from "./types";
+//# sourceMappingURL=index.js.map

package/dist/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EACL,qBAAqB,GA4BtB,MAAM,SAAS,CAAA"}

package/dist/components/Notifications/types.d.ts

@@ -0,0 +1,119 @@
+/// <reference types="react" />
+import { NFTCategory, NotificationType, Rarity } from "@dcl/schemas";
+declare enum NotificationActiveTab {
+    NEWEST = "newest",
+    READ = "read"
+}
+type NotificationLocale = "en" | "es" | "zh";
+type RawDecentralandNotification<T extends NotificationType, M> = {
+    id: string;
+    type: T;
+    address: string;
+    timestamp: number;
+    read: boolean;
+    created_at: string;
+    updated_at: string;
+    metadata: M;
+};
+type CommonNFTNotificationMetadataProps = {
+    link: string;
+    image: string;
+    rarity: Rarity;
+    nftName: string;
+    network: "ethereum" | "polygon";
+    category: NFTCategory;
+};
+type ItemSoldMetadataProps = CommonNFTNotificationMetadataProps & {
+    seller: string;
+};
+type RoyalitesEarnedMetadataProps = CommonNFTNotificationMetadataProps & {
+    royaltiesCollector: string;
+    royaltiesCut: string;
+};
+type BidAcceptedMetadataProps = CommonNFTNotificationMetadataProps & {
+    price: string;
+};
+type BidReceivedMetadataProps = CommonNFTNotificationMetadataProps & {
+    price: string;
+};
+type ItemSoldNotificationProps = RawDecentralandNotification<NotificationType.ITEM_SOLD, ItemSoldMetadataProps>;
+type RoyalitesEarnedNotificationProps = RawDecentralandNotification<NotificationType.ROYALTIES_EARNED, RoyalitesEarnedMetadataProps>;
+type BidAcceptedNotificationProps = RawDecentralandNotification<NotificationType.BID_ACCEPTED, BidAcceptedMetadataProps>;
+type BidReceivedNotificationProps = RawDecentralandNotification<NotificationType.BID_RECEIVED, BidReceivedMetadataProps>;
+type MarketplaceNotificationsProps = ItemSoldNotificationProps | RoyalitesEarnedNotificationProps | BidAcceptedNotificationProps | BidReceivedNotificationProps;
+type CommonGovernanceNotificationMetadataProps = {
+    proposalId: string;
+    proposalTitle: string;
+    title: string;
+    description: string;
+    link: string;
+};
+type GovernanceAnnouncementNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_ANNOUNCEMENT, Omit<CommonGovernanceNotificationMetadataProps, "proposalId" | "proposalTitle">>;
+type GovernanceProposalEnactedNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_PROPOSAL_ENACTED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceCoauthorRequestedNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_COAUTHOR_REQUESTED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceAuthoredProposalFinishedNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_AUTHORED_PROPOSAL_FINISHED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceVotingEndedVoterNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_VOTING_ENDED_VOTER, CommonGovernanceNotificationMetadataProps>;
+type GovernanceNewCommentOnProposalNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROPOSAL, CommonGovernanceNotificationMetadataProps>;
+type GovernanceNewCommentOnProjectUpdateNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROJECT_UPDATE, CommonGovernanceNotificationMetadataProps>;
+type GovernancePitchPassedNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_PITCH_PASSED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceTenderPassedNotificationProps = RawDecentralandNotification<NotificationType.GOVERNANCE_TENDER_PASSED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceNotificationsProps = GovernanceAnnouncementNotificationProps | GovernanceProposalEnactedNotificationProps | GovernanceCoauthorRequestedNotificationProps | GovernanceAuthoredProposalFinishedNotificationProps | GovernanceVotingEndedVoterNotificationProps | GovernanceNewCommentOnProposalNotificationProps | GovernanceNewCommentOnProjectUpdateNotificationProps | GovernancePitchPassedNotificationProps | GovernanceTenderPassedNotificationProps;
+type CommonWorldsNotificationMetadataProps = {
+    title: string;
+    description: string;
+    url: string;
+};
+type WorldsNotificationMetadataWithWhenProps = CommonWorldsNotificationMetadataProps & {
+    when: number;
+};
+type WorldsMissingResourcesNotificationProps = RawDecentralandNotification<NotificationType.WORLDS_MISSING_RESOURCES, WorldsNotificationMetadataWithWhenProps>;
+type WorldsAccessRestrictedNotificationProps = RawDecentralandNotification<NotificationType.WORLDS_ACCESS_RESTRICTED, WorldsNotificationMetadataWithWhenProps>;
+type WorldsAccessRestoredNotificationProps = RawDecentralandNotification<NotificationType.WORLDS_ACCESS_RESTORED, CommonWorldsNotificationMetadataProps>;
+type WorldPermissionMetadataProps = {
+    title: string;
+    description: string;
+    world: string;
+    permissions: string[];
+};
+type WorldsPermissionGrantedNotificationProps = RawDecentralandNotification<NotificationType.WORLDS_PERMISSION_GRANTED, WorldPermissionMetadataProps>;
+type WorldsPermissionRevokedNotificationProps = RawDecentralandNotification<NotificationType.WORLDS_PERMISSION_REVOKED, WorldPermissionMetadataProps>;
+type WorldsNotificationsProps = WorldsMissingResourcesNotificationProps | WorldsAccessRestrictedNotificationProps | WorldsAccessRestoredNotificationProps | WorldsPermissionGrantedNotificationProps | WorldsPermissionRevokedNotificationProps;
+type LandNotificationMetadataProps = {
+    description: string;
+    link: string;
+    title: string;
+    contract: string;
+    lessor: string;
+    tenant: string;
+    operator: string;
+    startedAt: string;
+    endedAt: string;
+    tokenId: string;
+    land: string;
+};
+type LandRentedNotificationProps = RawDecentralandNotification<NotificationType.LAND_RENTED, LandNotificationMetadataProps>;
+type LandRentalEndedNotificationProps = RawDecentralandNotification<NotificationType.LAND_RENTAL_ENDED, LandNotificationMetadataProps>;
+type LandNotificationsProps = LandRentedNotificationProps | LandRentalEndedNotificationProps;
+type RewardAssignedNotificationProps = RawDecentralandNotification<NotificationType.REWARD_ASSIGNED, {
+    tokenName: string;
+    tokenImage: string;
+    tokenRarity: Rarity;
+}>;
+type CommonEventsMetadataProps = {
+    image: string;
+    link: string;
+    name: string;
+};
+type EventsStartsSoonNotificationProps = RawDecentralandNotification<NotificationType.EVENTS_STARTS_SOON, CommonEventsMetadataProps & {
+    startsAt: string;
+    endsAt: string;
+}>;
+type EventsStartedNotificationProps = RawDecentralandNotification<NotificationType.EVENTS_STARTED, CommonEventsMetadataProps>;
+type EventsNotificationsProps = EventsStartsSoonNotificationProps | EventsStartedNotificationProps;
+type DCLNotificationProps = MarketplaceNotificationsProps | GovernanceNotificationsProps | WorldsNotificationsProps | LandNotificationsProps | RewardAssignedNotificationProps | EventsNotificationsProps;
+type CommonNotificationProps<N> = {
+    notification: N;
+    locale: NotificationLocale;
+    renderProfile?: (address: string) => JSX.Element | string | null;
+};
+export { NotificationActiveTab, NotificationLocale, RawDecentralandNotification, ItemSoldNotificationProps, RoyalitesEarnedNotificationProps, BidAcceptedNotificationProps, BidReceivedNotificationProps, GovernanceAnnouncementNotificationProps, GovernanceProposalEnactedNotificationProps, GovernanceCoauthorRequestedNotificationProps, GovernanceAuthoredProposalFinishedNotificationProps, GovernanceVotingEndedVoterNotificationProps, GovernanceNewCommentOnProposalNotificationProps, GovernanceNewCommentOnProjectUpdateNotificationProps, GovernancePitchPassedNotificationProps, GovernanceTenderPassedNotificationProps, WorldsMissingResourcesNotificationProps, WorldsAccessRestrictedNotificationProps, WorldsAccessRestoredNotificationProps, WorldsPermissionGrantedNotificationProps, WorldsPermissionRevokedNotificationProps, LandRentedNotificationProps, LandRentalEndedNotificationProps, RewardAssignedNotificationProps, EventsStartsSoonNotificationProps, EventsStartedNotificationProps, DCLNotificationProps, CommonNotificationProps, };

package/dist/components/Notifications/types.js

@@ -0,0 +1,7 @@
+var NotificationActiveTab;
+(function (NotificationActiveTab) {
+    NotificationActiveTab["NEWEST"] = "newest";
+    NotificationActiveTab["READ"] = "read";
+})(NotificationActiveTab || (NotificationActiveTab = {}));
+export { NotificationActiveTab, };
+//# sourceMappingURL=types.js.map

package/dist/components/Notifications/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Notifications/types.ts"],"names":[],"mappings":"AAEA,IAAK,qBAGJ;AAHD,WAAK,qBAAqB;IACxB,0CAAiB,CAAA;IACjB,sCAAa,CAAA;AACf,CAAC,EAHI,qBAAqB,KAArB,qBAAqB,QAGzB;AAwQD,OAAO,EACL,qBAAqB,GA4BtB,CAAA"}

package/dist/components/Notifications/utils.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from "react";
+import { NotificationType, Rarity } from "@dcl/schemas";
+import { CommonNotificationProps, DCLNotificationProps } from "./types";
+declare const MAXIMUM_FRACTION_DIGITS = 2;
+declare function formatMana(mana: string, maximumFractionDigits?: number): string;
+declare function getBGColorByRarity(rarity: Rarity): string;
+type DecentralandNotificationComponentByType<T> = {
+    [k in NotificationType]: T extends DCLNotificationProps ? FunctionComponent<CommonNotificationProps<any>> : never;
+};
+declare const NotificationComponentByType: DecentralandNotificationComponentByType<DCLNotificationProps>;
+declare const CURRENT_AVAILABLE_NOTIFICATIONS: NotificationType[];
+declare const replaceWithValues: (str: string, values: Record<string, string | JSX.Element>) => JSX.Element | string;
+export { MAXIMUM_FRACTION_DIGITS, formatMana, getBGColorByRarity, DecentralandNotificationComponentByType, NotificationComponentByType, CURRENT_AVAILABLE_NOTIFICATIONS, replaceWithValues, };