decentraland-ui2 0.0.2-9020206964.commit-054087b → 0.0.3-9857431499.commit-4197294

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionGrantedNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldsPermissionGrantedNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Worlds/WorldsPermissionGrantedNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAKtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,uBAAuB,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3C,aAAa,CACd,0BAA0B,CAAA;AAE3B,MAAM,oBAAoB,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,SAAS,CAAA;AAEnE,MAAM,mCAAmC,GAAG,KAAK,CAAC,IAAI,CACpD,CACE,KAAwE,EACxE,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,CAAC,0DAA0D;IAClH,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,CAAA;IACpD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAA;IACzC,MAAM,IAAI,GAAG,oBAAoB;QAC/B,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,qBAAqB,CAAA;IACzB,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,IAAI,KAAG,EACf,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cACnB,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAC/C,EACxB,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,EAAE;oBAC3C,KAAK,EAAE,CACL,KAAC,IAAI,IACH,IAAI,EACF,oBAAoB;4BAClB,CAAC,CAAC,GAAG,oBAAoB,GAAG,KAAK,EAAE;4BACnC,CAAC,CAAC,uBAAuB,EAE7B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,YAEf,KAAK,GACD,CACR;iBACF,CAAC,GAC0B,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,mCAAmC,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.d.ts

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

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.i18n.d.ts

@@ -0,0 +1,24 @@
+declare const i18n: {
+    en: {
+        title: string;
+        accessTitle: string;
+        access: string;
+        deployment: string;
+        streaming: string;
+    };
+    es: {
+        title: string;
+        accessTitle: string;
+        access: string;
+        deployment: string;
+        streaming: string;
+    };
+    zh: {
+        title: string;
+        accessTitle: string;
+        access: string;
+        deployment: string;
+        streaming: string;
+    };
+};
+export { i18n };

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.i18n.js

@@ -0,0 +1,25 @@
+const i18n = {
+    en: {
+        title: "World Permission Revoked",
+        accessTitle: "World Access Revoked",
+        access: "You have been revoked the permission to access World {world}",
+        deployment: "The owner of the World {world} has revoked your permission to deploy in their world",
+        streaming: "The owner of the World {world} has revoked your permission to stream in their world",
+    },
+    es: {
+        title: "Permiso para mundo revocado",
+        accessTitle: "Acceso a Mundo revocado",
+        access: "Te han removido el permiso para acceder al mundo {world}",
+        deployment: "El propietario del mundo {world} ha revocado tu permiso para deployar en su mundo",
+        streaming: "El propietario del mundo {world} ha revocado tu permiso para transmitir en su mundo",
+    },
+    zh: {
+        title: "世界许可被撤销",
+        accessTitle: "世界访问被撤销",
+        access: "您已被撤销访问世界{workd}的许可",
+        deployment: "世界所有者{world}已撤销您在其世界中部署的许可",
+        streaming: "世界的所有者{world}已撤销了您在世界上流媒体的允许",
+    },
+};
+export { i18n };
+//# sourceMappingURL=WorldsPermissionRevokedNotification.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldsPermissionRevokedNotification.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,KAAK,EAAE,0BAA0B;QACjC,WAAW,EAAE,sBAAsB;QACnC,MAAM,EAAE,8DAA8D;QACtE,UAAU,EACR,qFAAqF;QACvF,SAAS,EACP,qFAAqF;KACxF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,6BAA6B;QACpC,WAAW,EAAE,yBAAyB;QACtC,MAAM,EAAE,0DAA0D;QAClE,UAAU,EACR,mFAAmF;QACrF,SAAS,EACP,qFAAqF;KACxF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,qBAAqB;QAC7B,UAAU,EAAE,4BAA4B;QACxC,SAAS,EAAE,8BAA8B;KAC1C;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { i18n } from "./WorldsPermissionRevokedNotification.i18n";
+import { AccessRestrictedIcon, PermissionRevokedIcon } from "../../../Icon";
+import { NotificationItem } from "../../NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { replaceWithValues } from "../../utils";
+const WorldsPermissionRevokedNotification = React.memo((props) => {
+    const { notification, locale } = props;
+    const permission = notification.metadata.permissions[0];
+    const isAccessNotification = permission === "access";
+    const Icon = isAccessNotification
+        ? AccessRestrictedIcon
+        : PermissionRevokedIcon;
+    return (_jsxs(NotificationItem, { image: _jsx(Icon, {}), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: isAccessNotification ? i18n[locale].accessTitle : i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: replaceWithValues(i18n[locale][permission], {
+                    world: _jsx("strong", { children: notification.metadata.world }),
+                }) })] }));
+});
+export { WorldsPermissionRevokedNotification };
+//# sourceMappingURL=WorldsPermissionRevokedNotification.js.map

package/dist/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorldsPermissionRevokedNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Worlds/WorldsPermissionRevokedNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAKtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,mCAAmC,GAAG,KAAK,CAAC,IAAI,CACpD,CACE,KAAwE,EACxE,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,CAAA;IACpD,MAAM,IAAI,GAAG,oBAAoB;QAC/B,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,qBAAqB,CAAA;IAEzB,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,IAAI,KAAG,EACf,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cACnB,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAC/C,EACxB,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,EAAE;oBAC3C,KAAK,EAAE,2BAAS,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAU;iBACtD,CAAC,GAC0B,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,mCAAmC,EAAE,CAAA"}

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

@@ -0,0 +1,24 @@
+import { EventsStartedNotification } from "./Events/EventStartedNotification";
+import { EventsStartsSoonNotification } from "./Events/EventStartsSoonNotification";
+import { GovernanceAnnouncementNotification } from "./Governance/GovernanceAnnouncementNotification";
+import { GovernanceAuthoredProposalFinishedNotification } from "./Governance/GovernanceAuthoredProposalFinishedNotification";
+import { GovernanceCoauthorRequestedNotification } from "./Governance/GovernanceCoauthorRequestedNotification";
+import { GovernanceNewCommentOnProjectUpdateNotification } from "./Governance/GovernanceNewCommentOnProjectUpdateNotification";
+import { GovernanceNewCommentOnProposalNotification } from "./Governance/GovernanceNewCommentOnProposalNotification";
+import { GovernancePitchPassedNotification } from "./Governance/GovernancePitchPassedNotification";
+import { GovernanceProposalEnactedNotification } from "./Governance/GovernanceProposalEnactedNotification";
+import { GovernanceTenderPassedNotification } from "./Governance/GovernanceTenderPassedNotification";
+import { GovernanceVotingEndedVoterNotification } from "./Governance/GovernanceVotingEndedVoterNotification";
+import { LandRentalEndedNotification } from "./Land/LandRentalEndedNotification";
+import { LandRentedNotification } from "./Land/LandRentedNotification";
+import { BidAcceptedNotification } from "./Marketplace/BidAcceptedNotification";
+import { BidReceivedNotification } from "./Marketplace/BidReceivedNotification";
+import { ItemSoldNotification } from "./Marketplace/ItemSoldNotification";
+import { RoyaltiesEarnedNotification } from "./Marketplace/RoyaltiesEarnedNotification";
+import { RewardAssignedNotification } from "./Reward/RewardAssignedNotification";
+import { WorldsAccessRestoredNotification } from "./Worlds/WorldsAccessRestoredNotification";
+import { WorldsAccessRestrictedNotification } from "./Worlds/WorldsAccessRestrictedNotification";
+import { WorldsMissingResourcesNotification } from "./Worlds/WorldsMissingResourcesNotification";
+import { WorldsPermissionGrantedNotification } from "./Worlds/WorldsPermissionGrantedNotification";
+import { WorldsPermissionRevokedNotification } from "./Worlds/WorldsPermissionRevokedNotification";
+export { WorldsAccessRestoredNotification, WorldsAccessRestrictedNotification, WorldsMissingResourcesNotification, BidAcceptedNotification, BidReceivedNotification, ItemSoldNotification, RoyaltiesEarnedNotification, GovernanceAnnouncementNotification, GovernanceAuthoredProposalFinishedNotification, GovernanceCoauthorRequestedNotification, GovernanceNewCommentOnProposalNotification, GovernanceNewCommentOnProjectUpdateNotification, GovernanceProposalEnactedNotification, GovernanceVotingEndedVoterNotification, GovernancePitchPassedNotification, GovernanceTenderPassedNotification, LandRentalEndedNotification, LandRentedNotification, RewardAssignedNotification, EventsStartsSoonNotification, EventsStartedNotification, WorldsPermissionGrantedNotification, WorldsPermissionRevokedNotification, };

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

@@ -0,0 +1,25 @@
+import { EventsStartedNotification } from "./Events/EventStartedNotification";
+import { EventsStartsSoonNotification } from "./Events/EventStartsSoonNotification";
+import { GovernanceAnnouncementNotification } from "./Governance/GovernanceAnnouncementNotification";
+import { GovernanceAuthoredProposalFinishedNotification } from "./Governance/GovernanceAuthoredProposalFinishedNotification";
+import { GovernanceCoauthorRequestedNotification } from "./Governance/GovernanceCoauthorRequestedNotification";
+import { GovernanceNewCommentOnProjectUpdateNotification } from "./Governance/GovernanceNewCommentOnProjectUpdateNotification";
+import { GovernanceNewCommentOnProposalNotification } from "./Governance/GovernanceNewCommentOnProposalNotification";
+import { GovernancePitchPassedNotification } from "./Governance/GovernancePitchPassedNotification";
+import { GovernanceProposalEnactedNotification } from "./Governance/GovernanceProposalEnactedNotification";
+import { GovernanceTenderPassedNotification } from "./Governance/GovernanceTenderPassedNotification";
+import { GovernanceVotingEndedVoterNotification } from "./Governance/GovernanceVotingEndedVoterNotification";
+import { LandRentalEndedNotification } from "./Land/LandRentalEndedNotification";
+import { LandRentedNotification } from "./Land/LandRentedNotification";
+import { BidAcceptedNotification } from "./Marketplace/BidAcceptedNotification";
+import { BidReceivedNotification } from "./Marketplace/BidReceivedNotification";
+import { ItemSoldNotification } from "./Marketplace/ItemSoldNotification";
+import { RoyaltiesEarnedNotification } from "./Marketplace/RoyaltiesEarnedNotification";
+import { RewardAssignedNotification } from "./Reward/RewardAssignedNotification";
+import { WorldsAccessRestoredNotification } from "./Worlds/WorldsAccessRestoredNotification";
+import { WorldsAccessRestrictedNotification } from "./Worlds/WorldsAccessRestrictedNotification";
+import { WorldsMissingResourcesNotification } from "./Worlds/WorldsMissingResourcesNotification";
+import { WorldsPermissionGrantedNotification } from "./Worlds/WorldsPermissionGrantedNotification";
+import { WorldsPermissionRevokedNotification } from "./Worlds/WorldsPermissionRevokedNotification";
+export { WorldsAccessRestoredNotification, WorldsAccessRestrictedNotification, WorldsMissingResourcesNotification, BidAcceptedNotification, BidReceivedNotification, ItemSoldNotification, RoyaltiesEarnedNotification, GovernanceAnnouncementNotification, GovernanceAuthoredProposalFinishedNotification, GovernanceCoauthorRequestedNotification, GovernanceNewCommentOnProposalNotification, GovernanceNewCommentOnProjectUpdateNotification, GovernanceProposalEnactedNotification, GovernanceVotingEndedVoterNotification, GovernancePitchPassedNotification, GovernanceTenderPassedNotification, LandRentalEndedNotification, LandRentedNotification, RewardAssignedNotification, EventsStartsSoonNotification, EventsStartedNotification, WorldsPermissionGrantedNotification, WorldsPermissionRevokedNotification, };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationTypes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAE,kCAAkC,EAAE,MAAM,iDAAiD,CAAA;AACpG,OAAO,EAAE,8CAA8C,EAAE,MAAM,6DAA6D,CAAA;AAC5H,OAAO,EAAE,uCAAuC,EAAE,MAAM,sDAAsD,CAAA;AAC9G,OAAO,EAAE,+CAA+C,EAAE,MAAM,8DAA8D,CAAA;AAC9H,OAAO,EAAE,0CAA0C,EAAE,MAAM,yDAAyD,CAAA;AACpH,OAAO,EAAE,iCAAiC,EAAE,MAAM,gDAAgD,CAAA;AAClG,OAAO,EAAE,qCAAqC,EAAE,MAAM,oDAAoD,CAAA;AAC1G,OAAO,EAAE,kCAAkC,EAAE,MAAM,iDAAiD,CAAA;AACpG,OAAO,EAAE,sCAAsC,EAAE,MAAM,qDAAqD,CAAA;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AACvF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAA;AAC5F,OAAO,EAAE,kCAAkC,EAAE,MAAM,6CAA6C,CAAA;AAChG,OAAO,EAAE,kCAAkC,EAAE,MAAM,6CAA6C,CAAA;AAChG,OAAO,EAAE,mCAAmC,EAAE,MAAM,8CAA8C,CAAA;AAClG,OAAO,EAAE,mCAAmC,EAAE,MAAM,8CAA8C,CAAA;AAElG,OAAO,EACL,gCAAgC,EAChC,kCAAkC,EAClC,kCAAkC,EAClC,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,kCAAkC,EAClC,8CAA8C,EAC9C,uCAAuC,EACvC,0CAA0C,EAC1C,+CAA+C,EAC/C,qCAAqC,EACrC,sCAAsC,EACtC,iCAAiC,EACjC,kCAAkC,EAClC,2BAA2B,EAC3B,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,EACzB,mCAAmC,EACnC,mCAAmC,GACpC,CAAA"}

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

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

package/dist/components/Notifications/Notifications.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState } from "react";
+import { NotificationsFeed } from "./NotificationsFeed";
+import { NotificationBellActiveIcon, NotificationBellIcon } from "../Icon";
+import { NotificationIconContainer } from "./Notifications.styled";
+const Notifications = React.memo((props) => {
+    const { isOpen, items, isLoading, locale, isOnboarding, activeTab, renderProfile, onClick, onChangeTab, onBegin, onClose, } = props;
+    const newNotificationsCount = useMemo(() => {
+        return items.filter((notification) => !notification.read).length;
+    }, [items]);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const handleClick = useCallback((event) => {
+        onClick(event);
+        setAnchorEl(event.currentTarget);
+    }, []);
+    const handleClose = useCallback((event) => {
+        onClose(event);
+        setAnchorEl(null);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(NotificationIconContainer, { active: newNotificationsCount > 0, onClick: handleClick, badgeContent: newNotificationsCount, color: "primary", anchorOrigin: {
+                    vertical: "top",
+                    horizontal: "right",
+                }, invisible: newNotificationsCount === 0, children: !isOpen ? (_jsx(NotificationBellIcon, { fontSize: "large", color: "primary" })) : (_jsx(NotificationBellActiveIcon, { fontSize: "large", color: "primary" })) }), isOpen && (_jsx(NotificationsFeed, { isOpen: isOpen, items: items, isLoading: isLoading, locale: locale, isOnboarding: isOnboarding, activeTab: activeTab, onChangeTab: onChangeTab, onBegin: onBegin, onClose: handleClose, renderProfile: renderProfile, anchorEl: anchorEl }))] }));
+});
+export { Notifications };
+//# sourceMappingURL=Notifications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../src/components/Notifications/Notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAElE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAyB,EAAE,EAAE;IAC7D,MAAM,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAA;IACT,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;IAClE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAsD,EAAE,EAAE;QACzD,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiD,EAAE,EAAE;QACpD,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EACD,EAAE,CACH,CAAA;IAED,OAAO,CACL,8BACE,KAAC,yBAAyB,IACxB,MAAM,EAAE,qBAAqB,GAAG,CAAC,EACjC,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,qBAAqB,EACnC,KAAK,EAAC,SAAS,EACf,YAAY,EAAE;oBACZ,QAAQ,EAAE,KAAK;oBACf,UAAU,EAAE,OAAO;iBACpB,EACD,SAAS,EAAE,qBAAqB,KAAK,CAAC,YAErC,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,KAAC,oBAAoB,IAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,0BAA0B,IAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,GAAG,CAChE,GACyB,EAC3B,MAAM,IAAI,CACT,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH,IACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,19 @@
+import { NotificationsProps } from "./Notifications.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+type Story = StoryObj<NotificationsProps>;
+declare const WithoutNewNotifications: Story;
+declare const WithNewNotifications: Story;
+declare const Onboarding: Story;
+declare const OpenLoading: Story;
+declare const OpenNotLoadingButEmpty: Story;
+declare const EventsNotifications: Story;
+declare const GovernanceNotifications: Story;
+declare const LandNotifications: Story;
+declare const MarketplaceNotifications: Story;
+declare const RewardsNotifications: Story;
+declare const WorldsNotifications: Story;
+declare const OpenNotLoading: Story;
+declare const OnlySeen: Story;
+export default meta;
+export { WithoutNewNotifications, WithNewNotifications, Onboarding, OpenLoading, OpenNotLoadingButEmpty, EventsNotifications, GovernanceNotifications, LandNotifications, MarketplaceNotifications, RewardsNotifications, WorldsNotifications, OpenNotLoading, OnlySeen, };

package/dist/components/Notifications/Notifications.stories.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box } from "@mui/material";
+import { Notifications } from "./Notifications";
+import { NotificationActiveTab } from "./types";
+import { allTypeOfNotifications, bidAcceptedNotificationData, bidReceivedNotificationPropsData, eventStartedNotificationData, eventStartsSoonFutureStartNotificationData, eventStartsSoonPastStartNotificationData, governanceAnnouncementNotificationData, governanceAuthoredProposalFinishedNotificationData, governanceCoauthorRequestedNotificationData, governanceNewCommentOnProjectUpdateNotificationData, governanceNewCommentOnProposalNotificationData, governancePitchPassedNotificationData, governanceProposalEnactedNotificationData, governanceTenderPassedNotificationData, governanceVotingEndedVoterNotificationData, itemSoldNotificationPropsData, landRentalEndedNotificationData, landRentedNotificationData, rewardAssignedNotificationData, royalitesEarnedNotificationPropsData, worldsAccessRestoredNotificationData, worldsAccessRestrictedNotificationData, worldsMissingResourcesNotificationData, worldsPermissionGrantedNotificationPropsData, worldsPermissionRevokedNotificationData, } from "../../data/notifications";
+import { shorten } from "../AddressField/utils";
+const meta = {
+    component: Notifications,
+    title: "Decentraland UI/Notifications Toggle",
+    tags: ["autodocs"],
+    argTypes: {},
+    render: (args) => {
+        const [tab, setTab] = useState(NotificationActiveTab.NEWEST);
+        const [open, setOpen] = useState(false);
+        return (_jsx(Box, { sx: {
+                height: "400px",
+                width: "400px",
+                backgroundColor: "lightgray",
+            }, children: _jsx(Notifications, { isOpen: open, isLoading: false, isOnboarding: false, items: [], locale: "en", activeTab: tab, onChangeTab: (_e, newTab) => setTab(newTab), onClick: () => setOpen(!open), onBegin: () => console.log("Begin"), onClose: () => setOpen(open), ...args }) }));
+    },
+};
+const WithoutNewNotifications = {
+    name: "Without new notifications",
+    args: {
+        items: [],
+    },
+};
+const WithNewNotifications = {
+    name: "With new notifications",
+    args: {
+        items: [itemSoldNotificationPropsData],
+    },
+};
+const Onboarding = {
+    name: "Onboarding",
+    args: {
+        isOnboarding: true,
+        items: [eventStartedNotificationData],
+    },
+};
+const OpenLoading = {
+    name: "Open but loading",
+    args: {
+        isLoading: true,
+        items: [],
+    },
+};
+const OpenNotLoadingButEmpty = {
+    name: "Open not loading but empty",
+    args: {
+        items: [],
+    },
+};
+const EventsNotifications = {
+    name: "Events Notifications",
+    args: {
+        items: [
+            eventStartedNotificationData,
+            { ...eventStartsSoonFutureStartNotificationData, read: false },
+            eventStartsSoonPastStartNotificationData,
+        ],
+    },
+};
+const GovernanceNotifications = {
+    name: "Governance Notifications",
+    args: {
+        items: [
+            { ...governanceAnnouncementNotificationData, read: false },
+            governanceAuthoredProposalFinishedNotificationData,
+            governanceCoauthorRequestedNotificationData,
+            governanceNewCommentOnProjectUpdateNotificationData,
+            governanceNewCommentOnProposalNotificationData,
+            governancePitchPassedNotificationData,
+            governanceProposalEnactedNotificationData,
+            governanceTenderPassedNotificationData,
+            governanceVotingEndedVoterNotificationData,
+        ],
+    },
+};
+const LandNotifications = {
+    name: "Land Notifications",
+    args: {
+        items: [
+            { ...landRentalEndedNotificationData, read: false },
+            landRentedNotificationData,
+        ],
+        renderProfile: (address) => shorten(address),
+    },
+};
+const MarketplaceNotifications = {
+    name: "Marketplace Notifications",
+    args: {
+        items: [
+            { ...bidAcceptedNotificationData, read: false },
+            bidReceivedNotificationPropsData,
+            itemSoldNotificationPropsData,
+            royalitesEarnedNotificationPropsData,
+        ],
+    },
+};
+const RewardsNotifications = {
+    name: "Rewards Notifications",
+    args: {
+        items: [rewardAssignedNotificationData],
+    },
+};
+const WorldsNotifications = {
+    name: "Worlds Notifications",
+    args: {
+        items: [
+            worldsAccessRestoredNotificationData,
+            worldsAccessRestrictedNotificationData,
+            worldsMissingResourcesNotificationData,
+            worldsPermissionGrantedNotificationPropsData,
+            worldsPermissionRevokedNotificationData,
+        ],
+    },
+};
+const OpenNotLoading = {
+    name: "Open not loading",
+    args: {
+        items: allTypeOfNotifications,
+    },
+};
+const OnlySeen = {
+    name: "Only seen",
+    args: {
+        items: allTypeOfNotifications.map((n) => {
+            const pastStartDate = new Date();
+            pastStartDate.setFullYear(pastStartDate.getFullYear() - 1);
+            return { ...n, read: true, timestamp: pastStartDate.getTime() };
+        }),
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { WithoutNewNotifications, WithNewNotifications, Onboarding, OpenLoading, OpenNotLoadingButEmpty, EventsNotifications, GovernanceNotifications, LandNotifications, MarketplaceNotifications, RewardsNotifications, WorldsNotifications, OpenNotLoading, OnlySeen, };
+//# sourceMappingURL=Notifications.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.stories.js","sourceRoot":"","sources":["../../../src/components/Notifications/Notifications.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,gCAAgC,EAChC,4BAA4B,EAC5B,0CAA0C,EAC1C,wCAAwC,EACxC,sCAAsC,EACtC,kDAAkD,EAClD,2CAA2C,EAC3C,mDAAmD,EACnD,8CAA8C,EAC9C,qCAAqC,EACrC,yCAAyC,EACzC,sCAAsC,EACtC,0CAA0C,EAC1C,6BAA6B,EAC7B,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC9B,oCAAoC,EACpC,oCAAoC,EACpC,sCAAsC,EACtC,sCAAsC,EACtC,4CAA4C,EAC5C,uCAAuC,GACxC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAI/C,MAAM,IAAI,GAAS;IACjB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,sCAAsC;IAC7C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAA;QAC5D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;QACvC,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;gBACF,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,eAAe,EAAE,WAAW;aAC7B,YAED,KAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,GAAG,EACd,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KACxB,IAAI,GACR,GACE,CACP,CAAA;IACH,CAAC;CACF,CAAA;AAID,MAAM,uBAAuB,GAAU;IACrC,IAAI,EAAE,2BAA2B;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,oBAAoB,GAAU;IAClC,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,6BAA6B,CAAC;KACvC;CACF,CAAA;AAED,MAAM,UAAU,GAAU;IACxB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE,CAAC,4BAA4B,CAAC;KACtC;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,sBAAsB,GAAU;IACpC,IAAI,EAAE,4BAA4B;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,4BAA4B;YAC5B,EAAE,GAAG,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE;YAC9D,wCAAwC;SACzC;KACF;CACF,CAAA;AAED,MAAM,uBAAuB,GAAU;IACrC,IAAI,EAAE,0BAA0B;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,GAAG,sCAAsC,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1D,kDAAkD;YAClD,2CAA2C;YAC3C,mDAAmD;YACnD,8CAA8C;YAC9C,qCAAqC;YACrC,yCAAyC;YACzC,sCAAsC;YACtC,0CAA0C;SAC3C;KACF;CACF,CAAA;AAED,MAAM,iBAAiB,GAAU;IAC/B,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,GAAG,+BAA+B,EAAE,IAAI,EAAE,KAAK,EAAE;YACnD,0BAA0B;SAC3B;QACD,aAAa,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;KACrD;CACF,CAAA;AAED,MAAM,wBAAwB,GAAU;IACtC,IAAI,EAAE,2BAA2B;IACjC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,GAAG,2BAA2B,EAAE,IAAI,EAAE,KAAK,EAAE;YAC/C,gCAAgC;YAChC,6BAA6B;YAC7B,oCAAoC;SACrC;KACF;CACF,CAAA;AAED,MAAM,oBAAoB,GAAU;IAClC,IAAI,EAAE,uBAAuB;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,8BAA8B,CAAC;KACxC;CACF,CAAA;AAED,MAAM,mBAAmB,GAAU;IACjC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,oCAAoC;YACpC,sCAAsC;YACtC,sCAAsC;YACtC,4CAA4C;YAC5C,uCAAuC;SACxC;KACF;CACF,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACtC,MAAM,aAAa,GAAG,IAAI,IAAI,EAAE,CAAA;YAChC,aAAa,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAA;YAC1D,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,OAAO,EAAE,EAAE,CAAA;QACjE,CAAC,CAAC;KACH;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,EACjB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,QAAQ,GACT,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const NotificationIconContainer: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & 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" | "children" | "color" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "max" | "components" | "componentsProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "showZero"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    active: boolean;
+}, {}, {}>;
+export { NotificationIconContainer };

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

@@ -0,0 +1,57 @@
+import { keyframes } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Badge } from "@mui/material";
+const shake = keyframes `
+0% {
+    transform: translate(1px, 1px) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -2px) rotate(-1deg);
+  }
+  20% {
+    transform: translate(-2px, 0px) rotate(1deg);
+  }
+  30% {
+    transform: translate(2px, 2px) rotate(0deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(1deg);
+  }
+  50% {
+    transform: translate(-1px, 2px) rotate(-1deg);
+  }
+  60% {
+    transform: translate(-2px, 1px) rotate(0deg);
+  }
+  70% {
+    transform: translate(2px, 1px) rotate(-1deg);
+  }
+  80% {
+    transform: translate(-1px, -1px) rotate(1deg);
+  }
+  90% {
+    transform: translate(1px, 2px) rotate(0deg);
+  }
+  100% {
+    transform: translate(1px, -2px) rotate(-1deg);
+  }`;
+const NotificationIconContainer = styled(Badge)((props) => {
+    let otherStyles = {};
+    if (props.active) {
+        otherStyles = {
+            animation: `${shake} 0.8s`,
+            animationIterationCount: 4,
+        };
+    }
+    return {
+        ...otherStyles,
+        "&:hover": {
+            backgroundColor: "transparent",
+        },
+        "& .MuiBadge-badge": {
+            transform: "scale(0.8) translate(40%, 60%)",
+        },
+    };
+});
+export { NotificationIconContainer };
+//# sourceMappingURL=Notifications.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.styled.js","sourceRoot":"","sources":["../../../src/components/Notifications/Notifications.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,MAAM,KAAK,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCnB,CAAA;AAEJ,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAEhD,EAAE,EAAE;IACH,IAAI,WAAW,GAAG,EAAE,CAAA;IACpB,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,WAAW,GAAG;YACZ,SAAS,EAAE,GAAG,KAAK,OAAO;YAC1B,uBAAuB,EAAE,CAAC;SAC3B,CAAA;KACF;IACD,OAAO;QACL,GAAG,WAAW;QACd,SAAS,EAAE;YACT,eAAe,EAAE,aAAa;SAC/B;QACD,mBAAmB,EAAE;YACnB,SAAS,EAAE,gCAAgC;SAC5C;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+declare const i18n: {
+    en: {
+        onboarding: {
+            title: string;
+            description: string;
+            button: string;
+        };
+    };
+    es: {
+        onboarding: {
+            title: string;
+            description: string;
+            button: string;
+        };
+    };
+    zh: {
+        onboarding: {
+            title: string;
+            description: string;
+            button: string;
+        };
+    };
+};
+export { i18n };

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

@@ -0,0 +1,25 @@
+const i18n = {
+    en: {
+        onboarding: {
+            title: "Welcome to Decentraland Notifications",
+            description: "Never miss a thing! Now, you'll receive a notification each time something relevant happens with your account.",
+            button: "Let's begin",
+        },
+    },
+    es: {
+        onboarding: {
+            title: "Tus Notificaciones de Decentraland",
+            description: "¡No te pierdas nada nunca más! Ahora recibirás una notificación cada vez que ocurra algo relevante en tu cuenta.",
+            button: "Continuar",
+        },
+    },
+    zh: {
+        onboarding: {
+            title: "欢迎访问 Decentraland 通知",
+            description: "不再错过任何信息！现在，每当您的账户发生相关事件，您都会收到通知。",
+            button: "讓我們開始",
+        },
+    },
+};
+export { i18n };
+//# sourceMappingURL=NotificationsFeed.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeed.i18n.js","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsFeed.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,EAAE,EAAE;QACF,UAAU,EAAE;YACV,KAAK,EAAE,uCAAuC;YAC9C,WAAW,EACT,gHAAgH;YAClH,MAAM,EAAE,aAAa;SACtB;KACF;IACD,EAAE,EAAE;QACF,UAAU,EAAE;YACV,KAAK,EAAE,oCAAoC;YAC3C,WAAW,EACT,kHAAkH;YACpH,MAAM,EAAE,WAAW;SACpB;KACF;IACD,EAAE,EAAE;QACF,UAAU,EAAE;YACV,KAAK,EAAE,sBAAsB;YAC7B,WAAW,EACT,mCAAmC;YACrC,MAAM,EAAE,OAAO;SAChB;KACF;CACF,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/Notifications/NotificationsFeed.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useMemo } from "react";
+import CircleNotificationsRoundedIcon from "@mui/icons-material/CircleNotificationsRounded";
+import { differenceInHours } from "date-fns";
+import { Button, CircularProgress } from "@mui/material";
+import { i18n } from "./NotificationsFeed.i18n";
+import { NotificationFeedTabs } from "./NotificationsFeedTabs";
+import { Mobile, NotMobile, useMobileMediaQuery } from "../Media";
+import { Modal } from "../Modal";
+import { EmptyViewDescription, EmptyViewTitle, FeedContainer, LoadingContainer, NotificationFeedContainer, NotificationFeedModalContainer, OnboardingWrapper, } from "./NotificationsFeed.styled";
+const Onboarding = ({ locale, onBegin, }) => (_jsx(FeedContainer, { children: _jsxs(OnboardingWrapper, { children: [_jsx(CircleNotificationsRoundedIcon, { sx: { fontSize: 120 } }), _jsx(EmptyViewTitle, { color: "text.primary", children: i18n[locale].onboarding.title }), _jsx(EmptyViewDescription, { children: i18n[locale].onboarding.description }), _jsx(Button, { variant: "outlined", size: "small", color: "inherit", onClick: onBegin, children: i18n[locale].onboarding.button })] }) }));
+const NotificationsFeed = React.memo((props) => {
+    const { items, isLoading, locale, isOnboarding, activeTab, isOpen, anchorEl, renderProfile, onChangeTab, onBegin, onClose, } = props;
+    const isMobile = useMobileMediaQuery();
+    const unreadNotifications = useMemo(() => items.filter((notification) => !notification.read), [items]);
+    const previousNotifications = useMemo(() => items.filter((notification) => {
+        const diff = differenceInHours(notification.timestamp, new Date());
+        return notification.read && diff >= -48 && diff <= 0;
+    }), [items]);
+    const readNotifications = useMemo(() => items.filter((notification) => notification.read &&
+        !previousNotifications.find(({ id }) => id === notification.id)), [items, previousNotifications]);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            const element = document.querySelector(".notifications-feed");
+            if (element && !element.contains(event.target)) {
+                event.preventDefault();
+                event.stopPropagation();
+                onClose(event);
+            }
+        }
+        if (isOpen) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isOpen]);
+    return (_jsxs(_Fragment, { children: [_jsx(Mobile, { children: _jsx(Modal, { open: isMobile && isOpen, onClose: onClose, children: isOnboarding ? (_jsx(Onboarding, { locale: locale, onBegin: onBegin })) : (_jsx(NotificationFeedModalContainer, { children: _jsx(NotificationFeedTabs, { locale: locale, previousNotifications: previousNotifications, readNotifications: readNotifications, unreadNotifications: unreadNotifications, onChangeTab: onChangeTab, activeTab: activeTab, isModal: true, renderProfile: renderProfile }) })) }) }), _jsx(NotMobile, { children: _jsx(NotificationFeedContainer, { anchorEl: anchorEl, open: !!isOpen, onClose: onClose, anchorOrigin: {
+                        vertical: "bottom",
+                        horizontal: "center",
+                    }, transformOrigin: {
+                        vertical: "top",
+                        horizontal: "center",
+                    }, elevation: 24, children: isLoading ? (_jsx(LoadingContainer, { children: _jsx(CircularProgress, { size: 20 }) })) : isOnboarding ? (_jsx(Onboarding, { locale: locale, onBegin: onBegin })) : (_jsx(NotificationFeedTabs, { locale: locale, previousNotifications: previousNotifications, readNotifications: readNotifications, unreadNotifications: unreadNotifications, onChangeTab: onChangeTab, activeTab: activeTab, renderProfile: renderProfile })) }) })] }));
+});
+export { NotificationsFeed };
+//# sourceMappingURL=NotificationsFeed.js.map

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

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