decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

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

@@ -0,0 +1,39 @@
+declare const FeedContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const EmptyViewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, 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;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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;
+}, {}, {}>;
+declare const LoadingContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedModal: import("@emotion/styled").StyledComponent<import("../Modal").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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;
+}, {}, {}>;
+declare const NotificationFeedContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { FeedContainer, EmptyViewContainer, EmptyViewTitle, EmptyViewDescription, OnboardingWrapper, LoadingContainer, NotificationFeedModal, NotificationFeedModalContainer, NotificationFeedContainer, };

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

@@ -0,0 +1,79 @@
+import styled from "@emotion/styled";
+import { Box, Menu, Typography } from "@mui/material";
+import { Modal } from "../Modal";
+const FeedContainer = styled("div")(({ theme }) => ({
+    width: "384px",
+    [theme.breakpoints.down("sm")]: {
+        height: "90vh",
+        display: "flex",
+        alignItems: "center",
+        marginLeft: "auto",
+        marginRight: "auto",
+    },
+}));
+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 NotificationFeedModal = styled(Modal)(({ theme }) => {
+    return {
+        alignItems: "flex-end",
+        "& .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded": {
+            borderTopLeftRadius: "8px",
+            borderTopRightRadius: "8px",
+            [theme.breakpoints.down("xs")]: {
+                minHeight: "calc(100vh - 70px)",
+                height: "calc(100vh - 70px)",
+            },
+            "& > *:nth-of-type(1)": {
+                padding: "24px 24px 0",
+            },
+            "& > *:nth-of-type(2)": {
+                padding: "0px",
+            },
+        },
+    };
+});
+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, NotificationFeedModal, 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.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { NotificationActiveTab } from "./types";
+import type { DCLNotificationProps, 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) => import("react/jsx-runtime").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,29 @@
+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 { NotMobile } from "../Media";
+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];
+    if (!NotificationComponent) {
+        return null;
+    }
+    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(NotMobile, { 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 @@
+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;
+}, {}, {}>;
+declare const NotificationFeedTabsHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, 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;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const NotificationFeedTabsContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type NotificationFeedTabsListProps = Pick<NotificationsFeedTabsProps, "isModal">;
+declare const NotificationFeedTabsListContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & NotificationFeedTabsListProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const NotificationFeedTabsListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, 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;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "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" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { NotificationFeedTabsContainer, NotificationFeedTabsHeader, NotificationFeedTabsTitle, NotificationFeedTabsContent, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedPrevious, };

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

@@ -0,0 +1,58 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const NotificationFeedTabsContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        width: "384px",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+    };
+});
+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")({
+    display: "flex",
+    maxHeight: "auto",
+    overflowX: "hidden",
+    overflowY: "default",
+    overscrollBehaviorY: "default",
+    width: "100vw",
+    height: "calc(100vh - 250px)",
+}, (props) => !props.isModal
+    ? {
+        maxHeight: "290px",
+        overflowY: "auto",
+        overscrollBehaviorY: "contain",
+        width: "auto",
+        height: "auto",
+    }
+    : {});
+const NotificationFeedTabsListWrapper = styled("div")({
+    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,CAAC,KAAK,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,KAAK,EAAE,OAAO;QACd,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC9B,KAAK,EAAE,MAAM;SACd;KACF,CAAA;AACH,CAAC,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;AAIF,MAAM,iCAAiC,GAAG,MAAM,CAC9C,KAAK,CACN,CACC;IACE,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,SAAS;IACpB,mBAAmB,EAAE,SAAS;IAC9B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,qBAAqB;CAC9B,EACD,CAAC,KAAK,EAAE,EAAE,CACR,CAAC,KAAK,CAAC,OAAO;IACZ,CAAC,CAAC;QACE,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,MAAM;QACjB,mBAAmB,EAAE,SAAS;QAC9B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACH,CAAC,CAAC,EAAE,CACT,CAAA;AAED,MAAM,+BAA+B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,MAAM;CACd,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,14 @@
+import React from "react";
+import { NotificationActiveTab } from "./types";
+import type { DCLNotificationProps, 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,4 @@
+export { Notifications } from "./Notifications";
+export type { NotificationsProps } from "./Notifications.types";
+export type { BidAcceptedNotificationProps, BidReceivedNotificationProps, CommonNotificationProps, DCLNotificationProps, EventsStartedNotificationProps, EventsStartsSoonNotificationProps, GovernanceAnnouncementNotificationProps, GovernanceAuthoredProposalFinishedNotificationProps, GovernanceCoauthorRequestedNotificationProps, GovernanceNewCommentOnProjectUpdateNotificationProps, GovernanceNewCommentOnProposalNotificationProps, GovernancePitchPassedNotificationProps, GovernanceProposalEnactedNotificationProps, GovernanceTenderPassedNotificationProps, GovernanceVotingEndedVoterNotificationProps, ItemSoldNotificationProps, LandRentalEndedNotificationProps, LandRentedNotificationProps, NotificationLocale, RawDecentralandNotification, ReferralInvitedUsersAcceptedNotificationProps, ReferralNewTierReachedNotificationProps, RewardAssignedNotificationProps, RoyalitesEarnedNotificationProps, WorldsAccessRestoredNotificationProps, WorldsAccessRestrictedNotificationProps, WorldsMissingResourcesNotificationProps, WorldsPermissionGrantedNotificationProps, WorldsPermissionRevokedNotificationProps, } from "./types";
+export { NotificationActiveTab } 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;AAiC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA"}