decentraland-ui2 1.1.6 → 1.1.7-20782245281.commit-0aa43e4

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

@@ -1,17 +1,175 @@
-import { ModalProps } from "@mui/material";
-import { NotificationActiveTab } from "../Notifications";
-import type { DCLNotificationProps, NotificationLocale } from "./types";
-type NotificationsProps = {
-    isOpen: boolean;
-    items: DCLNotificationProps[];
-    isLoading: boolean;
+import { NFTCategory, NotificationType, Rarity } from "@dcl/schemas";
+import { CreditsClaimReminderNotificationProps, CreditsCompleteYourWeeklyGoalsNotificationProps, CreditsDoNotMissOutNotificationProps, CreditsExpireIn24HrsReminderNotificationProps, CreditsExpireSoonReminderNotificationProps, CreditsNotificationsProps } from "./NotificationTypes/Credits/Credits.types";
+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 RewardsNotificationProps = RewardAssignedNotificationProps | RewardInProgressNotificationProps | RewardDelayedNotificationProps | CampaignOutOfFundsNotificationProps | CampaignOutOfStockNotificationProps | CampaignGasPriceHigherThanExpectedNotificationProps;
+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 GovernanceVotedOnBehalfNotification = RawDecentralandNotification<NotificationType.GOVERNANCE_VOTED_ON_BEHALF, CommonGovernanceNotificationMetadataProps>;
+type GovernanceWhaleVoteNotification = RawDecentralandNotification<NotificationType.GOVERNANCE_WHALE_VOTE, CommonGovernanceNotificationMetadataProps>;
+type GovernanceCliffEndedNotification = RawDecentralandNotification<NotificationType.GOVERNANCE_CLIFF_ENDED, CommonGovernanceNotificationMetadataProps>;
+type GovernanceNotificationsProps = GovernanceAnnouncementNotificationProps | GovernanceProposalEnactedNotificationProps | GovernanceCoauthorRequestedNotificationProps | GovernanceAuthoredProposalFinishedNotificationProps | GovernanceVotingEndedVoterNotificationProps | GovernanceNewCommentOnProposalNotificationProps | GovernanceNewCommentOnProjectUpdateNotificationProps | GovernancePitchPassedNotificationProps | GovernanceTenderPassedNotificationProps | GovernanceVotedOnBehalfNotification | GovernanceWhaleVoteNotification | GovernanceCliffEndedNotification;
+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 TransferNotificationMetadataProps = {
+    senderAddress: string;
+};
+type TipNotificationMetadataProps = {
+    senderAddress: string;
+    manaAmount: string;
+};
+type GiftNotificationProps = RawDecentralandNotification<NotificationType.TRANSFER_RECEIVED, TransferNotificationMetadataProps>;
+type TipNotificationProps = RawDecentralandNotification<NotificationType.TIP_RECEIVED, TipNotificationMetadataProps>;
+type TransferNotificationsProps = GiftNotificationProps | TipNotificationProps;
+type CommonRewardsMetadata = {
+    tokenName: string;
+    tokenImage: string;
+    tokenRarity: Rarity;
+};
+type CommonCampaignMetadata = {
+    link?: string;
+    campaignName: string;
+};
+type RewardAssignedNotificationProps = RawDecentralandNotification<NotificationType.REWARD_ASSIGNED, CommonRewardsMetadata>;
+type RewardInProgressNotificationProps = RawDecentralandNotification<NotificationType.REWARD_IN_PROGRESS, CommonRewardsMetadata>;
+type RewardDelayedNotificationProps = RawDecentralandNotification<NotificationType.REWARD_DELAYED, CommonRewardsMetadata>;
+type CampaignOutOfStockNotificationProps = RawDecentralandNotification<NotificationType.REWARD_CAMPAIGN_OUT_OF_STOCK, CommonCampaignMetadata>;
+type CampaignOutOfFundsNotificationProps = RawDecentralandNotification<NotificationType.REWARD_CAMPAIGN_OUT_OF_FUNDS, CommonCampaignMetadata>;
+type CampaignGasPriceHigherThanExpectedNotificationProps = RawDecentralandNotification<NotificationType.REWARD_CAMPAIGN_GAS_PRICE_HIGHER_THAN_EXPECTED, CommonCampaignMetadata>;
+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 CommonStreamingNotificationMetadataProps = {
+    title: string;
+    description: string;
+    position: string;
+    worldName: string | null;
+    isWorld: boolean;
+    url: string;
+    address: string;
+};
+type StreamingKeyResetNotificationProps = RawDecentralandNotification<NotificationType.STREAMING_KEY_RESET, CommonStreamingNotificationMetadataProps>;
+type StreamingKeyRevokeNotificationProps = RawDecentralandNotification<NotificationType.STREAMING_KEY_REVOKE, CommonStreamingNotificationMetadataProps>;
+type StreamingKeyExpiredNotificationProps = RawDecentralandNotification<NotificationType.STREAMING_KEY_EXPIRED, CommonStreamingNotificationMetadataProps>;
+type StreamingTimeExceededNotificationProps = RawDecentralandNotification<NotificationType.STREAMING_TIME_EXCEEDED, CommonStreamingNotificationMetadataProps>;
+type StreamingPlaceUpdatedNotificationProps = RawDecentralandNotification<NotificationType.STREAMING_PLACE_UPDATED, CommonStreamingNotificationMetadataProps>;
+type StreamingNotificationsProps = StreamingKeyResetNotificationProps | StreamingKeyRevokeNotificationProps | StreamingKeyExpiredNotificationProps | StreamingTimeExceededNotificationProps | StreamingPlaceUpdatedNotificationProps;
+type ReferralNotificationMetadataProps = {
+    title: string;
+    description: string;
+    address: string;
+    tier: number;
+    url: string;
+    image: string;
+    invitedUserAddress: string;
+    invitedUsers: number;
+};
+type NewTierReachedNotificationMetadata = ReferralNotificationMetadataProps & {
+    rarity: Rarity;
+};
+type ReferralNewTierReachedNotificationProps = RawDecentralandNotification<NotificationType.REFERRAL_NEW_TIER_REACHED, NewTierReachedNotificationMetadata>;
+type ReferralInvitedUsersAcceptedNotificationProps = RawDecentralandNotification<NotificationType.REFERRAL_INVITED_USERS_ACCEPTED, ReferralNotificationMetadataProps>;
+type ReferralNotificationsProps = ReferralNewTierReachedNotificationProps | ReferralInvitedUsersAcceptedNotificationProps;
+type DCLNotificationProps = MarketplaceNotificationsProps | GovernanceNotificationsProps | WorldsNotificationsProps | LandNotificationsProps | TransferNotificationsProps | RewardsNotificationProps | EventsNotificationsProps | StreamingNotificationsProps | CreditsNotificationsProps | ReferralNotificationsProps;
+type CommonNotificationProps<N> = {
+    notification: N;
     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 type { NotificationsProps };
+export { NotificationActiveTab };
+export type { NotificationLocale, RawDecentralandNotification, ItemSoldNotificationProps, RoyalitesEarnedNotificationProps, BidAcceptedNotificationProps, BidReceivedNotificationProps, GovernanceAnnouncementNotificationProps, GovernanceProposalEnactedNotificationProps, GovernanceCoauthorRequestedNotificationProps, GovernanceAuthoredProposalFinishedNotificationProps, GovernanceVotingEndedVoterNotificationProps, GovernanceNewCommentOnProposalNotificationProps, GovernanceNewCommentOnProjectUpdateNotificationProps, GovernancePitchPassedNotificationProps, GovernanceTenderPassedNotificationProps, WorldsMissingResourcesNotificationProps, WorldsAccessRestrictedNotificationProps, WorldsAccessRestoredNotificationProps, WorldsPermissionGrantedNotificationProps, WorldsPermissionRevokedNotificationProps, LandRentedNotificationProps, LandRentalEndedNotificationProps, GiftNotificationProps, TipNotificationProps, TransferNotificationsProps, RewardAssignedNotificationProps, RewardInProgressNotificationProps, RewardDelayedNotificationProps, CampaignOutOfStockNotificationProps, CampaignOutOfFundsNotificationProps, CampaignGasPriceHigherThanExpectedNotificationProps, EventsStartsSoonNotificationProps, EventsStartedNotificationProps, StreamingKeyResetNotificationProps, StreamingKeyRevokeNotificationProps, StreamingKeyExpiredNotificationProps, StreamingTimeExceededNotificationProps, StreamingPlaceUpdatedNotificationProps, StreamingNotificationsProps, DCLNotificationProps, CommonNotificationProps, CreditsNotificationsProps, CreditsCompleteYourWeeklyGoalsNotificationProps, CreditsDoNotMissOutNotificationProps, CreditsClaimReminderNotificationProps, CreditsExpireSoonReminderNotificationProps, CreditsExpireIn24HrsReminderNotificationProps, ReferralNewTierReachedNotificationProps, ReferralInvitedUsersAcceptedNotificationProps, };

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

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

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

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

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

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

@@ -4,9 +4,9 @@ import CircleNotificationsRoundedIcon from "@mui/icons-material/CircleNotificati
 import { differenceInHours } from "date-fns";
 import { Button, CircularProgress } from "@mui/material";
 import { i18n } from "./NotificationsFeed.i18n";
-import { NotificationFeedTabs } from "./NotificationsFeedTabs";
-import { i18n as i18nTabs } from "./NotificationsFeedTabs.i18n";
-import { Mobile, NotMobile } from "../Media";
+import { Mobile, NotMobile } from "../../Media";
+import { NotificationFeedTabs } from "../NotificationsFeedTabs";
+import { i18n as i18nTabs } from "../NotificationsFeedTabs/NotificationsFeedTabs.i18n";
 import { EmptyViewDescription, EmptyViewTitle, FeedContainer, LoadingContainer, NotificationFeedContainer, NotificationFeedModal, 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) => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeed.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationsFeed/NotificationsFeed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,8BAA8B,MAAM,gDAAgD,CAAA;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qDAAqD,CAAA;AAEtF,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,yBAAyB,EACzB,qBAAqB,EACrB,8BAA8B,EAC9B,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,OAAO,GAIR,EAAE,EAAE,CAAC,CACJ,KAAC,aAAa,cACZ,MAAC,iBAAiB,eAChB,KAAC,8BAA8B,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAI,EACzD,KAAC,cAAc,IAAC,KAAK,EAAC,cAAc,YACjC,IAAI,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,KAAK,GACf,EACjB,KAAC,oBAAoB,cAClB,IAAI,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,WAAW,GACf,EAEvB,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACrE,IAAI,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,MAAM,GACxB,IACS,GACN,CACjB,CAAA;AAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAA6B,EAAE,EAAE;IACrE,MAAM,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,SAAS,EACT,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAA;IAET,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EACxD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE;QAC5B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,CAAA;QAClE,OAAO,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,CAAA;IACtD,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CACV,CAAC,YAAY,EAAE,EAAE,CACf,YAAY,CAAC,IAAI;QACjB,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAClE,EACH,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAC/B,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAA;YAC7D,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACvD,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC;QACH,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC5D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BACE,KAAC,MAAM,cACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,YAEjC,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,8BAA8B,cAC7B,KAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,QACP,aAAa,EAAE,aAAa,GAC5B,GAC6B,CAClC,GACqB,GACjB,EACT,KAAC,SAAS,cACR,KAAC,yBAAyB,IACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,CAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE;wBACZ,QAAQ,EAAE,QAAQ;wBAClB,UAAU,EAAE,QAAQ;qBACrB,EACD,eAAe,EAAE;wBACf,QAAQ,EAAE,KAAK;wBACf,UAAU,EAAE,QAAQ;qBACrB,EACD,SAAS,EAAE,EAAE,YAEZ,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,gBAAgB,cACf,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,CACpB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC5B,CACH,GACyB,GAClB,IACX,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Notifications/{NotificationsFeed.styled.d.ts → NotificationsFeed/NotificationsFeed.styled.d.ts}

@@ -25,7 +25,7 @@ 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 & {
+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"> & {
@@ -36,4 +36,4 @@ declare const NotificationFeedModalContainer: import("@emotion/styled").StyledCo
 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, };
+export { EmptyViewContainer, EmptyViewDescription, EmptyViewTitle, FeedContainer, LoadingContainer, NotificationFeedContainer, NotificationFeedModal, NotificationFeedModalContainer, OnboardingWrapper, };

package/dist/components/Notifications/{NotificationsFeed.styled.js → NotificationsFeed/NotificationsFeed.styled.js}

@@ -1,6 +1,7 @@
 import styled from "@emotion/styled";
 import { Box, Menu, Typography } from "@mui/material";
-import { Modal } from "../Modal";
+import { neutral } from "../../../theme/colors";
+import { Modal } from "../../Modal";
 const FeedContainer = styled("div")(({ theme }) => ({
     width: "384px",
     [theme.breakpoints.down("sm")]: {
@@ -11,33 +12,33 @@ const FeedContainer = styled("div")(({ theme }) => ({
         marginRight: "auto",
     },
 }));
-const EmptyViewContainer = styled("div")({
+const EmptyViewContainer = styled("div")(({ theme }) => ({
     height: "100%",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
     gap: "16px",
-    padding: "40px 80px",
+    padding: theme.spacing(5, 10),
     alignItems: "center",
     textAlign: "center",
-});
-const EmptyViewTitle = styled(Typography)({
-    fontSize: "18px",
-    fontWeight: "600",
+}));
+const EmptyViewTitle = styled(Typography)(({ theme }) => ({
+    fontSize: theme.typography.pxToRem(18),
+    fontWeight: 600,
     marginBottom: 0,
-});
-const EmptyViewDescription = styled(Typography)({
-    fontSize: "16px",
-    color: "#a09ba8",
-});
-const OnboardingWrapper = styled(Box)({
+}));
+const EmptyViewDescription = styled(Typography)(({ theme }) => ({
+    fontSize: theme.typography.pxToRem(16),
+    color: neutral.gray3,
+}));
+const OnboardingWrapper = styled(Box)(({ theme }) => ({
     display: "flex",
     flexDirection: "column",
     gap: "16px",
     alignItems: "center",
     textAlign: "center",
-    padding: "30px",
-});
+    padding: theme.spacing(3.75),
+}));
 const LoadingContainer = styled("div")({
     height: "290px",
     width: "384px",
@@ -56,10 +57,10 @@ const NotificationFeedModal = styled(Modal)(({ theme }) => {
                 height: "calc(100vh - 70px)",
             },
             "& > *:nth-of-type(1)": {
-                padding: "24px 24px 0",
+                padding: theme.spacing(3, 3, 0),
             },
             "& > *:nth-of-type(2)": {
-                padding: "0px",
+                padding: 0,
             },
         },
     };
@@ -75,5 +76,5 @@ const NotificationFeedContainer = styled(Menu)({
         borderRadius: "8px",
     },
 });
-export { FeedContainer, EmptyViewContainer, EmptyViewTitle, EmptyViewDescription, OnboardingWrapper, LoadingContainer, NotificationFeedModal, NotificationFeedModalContainer, NotificationFeedContainer, };
+export { EmptyViewContainer, EmptyViewDescription, EmptyViewTitle, FeedContainer, LoadingContainer, NotificationFeedContainer, NotificationFeedModal, NotificationFeedModalContainer, OnboardingWrapper, };
 //# sourceMappingURL=NotificationsFeed.styled.js.map

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

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

package/dist/components/Notifications/{NotificationsFeed.types.d.ts → NotificationsFeed/NotificationsFeed.types.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
-import { NotificationActiveTab } from "./types";
-import type { DCLNotificationProps, NotificationLocale } from "./types";
+import { NotificationActiveTab } from "../Notifications.types";
+import type { DCLNotificationProps, NotificationLocale } from "../Notifications.types";
 type NotificationsFeedProps = {
     items: DCLNotificationProps[];
     isLoading: boolean;

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

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

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

@@ -0,0 +1,2 @@
+export { NotificationsFeed } from "./NotificationsFeed";
+export type { NotificationsFeedProps } from "./NotificationsFeed.types";

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

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

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

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

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

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

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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 { EmptyInboxIcon, HistoryIcon } from "../../Icon";
+import { NotMobile } from "../../Media";
+import { NotificationActiveTab } from "../Notifications.types";
+import { EmptyViewContainer, EmptyViewDescription, EmptyViewTitle, } from "../NotificationsFeed/NotificationsFeed.styled";
+import { NotificationComponentByType } from "../utils";
 import { NotificationFeedPrevious, NotificationFeedTabsContainer, NotificationFeedTabsContent, NotificationFeedTabsHeader, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedTabsTitle, } from "./NotificationsFeedTabs.styled";
 const NotificationHandler = ({ locale, notification, renderProfile, }) => {
     const NotificationComponent = NotificationComponentByType[notification.type];

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

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

package/dist/components/Notifications/{NotificationsFeedTabs.styled.d.ts → NotificationsFeedTabs/NotificationsFeedTabs.styled.d.ts}

@@ -31,4 +31,4 @@ declare const NotificationFeedPrevious: import("@emotion/styled").StyledComponen
 }, "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, };
+export { NotificationFeedPrevious, NotificationFeedTabsContainer, NotificationFeedTabsContent, NotificationFeedTabsHeader, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedTabsTitle, };

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

@@ -0,0 +1,56 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const NotificationFeedTabsContainer = styled(Box)(({ theme }) => ({
+    width: "384px",
+    [theme.breakpoints.down("sm")]: {
+        width: "100%",
+    },
+}));
+const NotificationFeedTabsHeader = styled("div")(({ theme }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: theme.spacing(1, 2),
+}));
+const NotificationFeedTabsTitle = styled(Typography)(({ theme }) => ({
+    margin: 0,
+    fontSize: theme.typography.pxToRem(18),
+    fontWeight: 600,
+}));
+const NotificationFeedTabsContent = styled("div")({
+    height: "100%",
+});
+const NotificationFeedTabsListContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "isModal",
+})(({ isModal }) => ({
+    display: "flex",
+    maxHeight: "auto",
+    overflowX: "hidden",
+    overflowY: "visible",
+    overscrollBehaviorY: "auto",
+    width: "100vw",
+    height: "calc(100vh - 250px)",
+    ...(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)(({ theme }) => ({
+    fontSize: theme.typography.pxToRem(16),
+    fontWeight: 600,
+    paddingLeft: theme.spacing(2),
+    marginBottom: 0,
+    marginTop: theme.spacing(1),
+}));
+export { NotificationFeedPrevious, NotificationFeedTabsContainer, NotificationFeedTabsContent, NotificationFeedTabsHeader, NotificationFeedTabsListContainer, NotificationFeedTabsListWrapper, NotificationFeedTabsTitle, };
+//# sourceMappingURL=NotificationsFeedTabs.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsFeedTabs.styled.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationsFeedTabs/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,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,OAAO;IACd,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,0BAA0B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAC7B,CAAC,CAAC,CAAA;AAEH,MAAM,yBAAyB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC,CAAA;AAEH,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM;CACf,CAAC,CAAA;AAIF,MAAM,iCAAiC,GAAG,MAAM,CAAC,KAAK,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;CAChD,CAAC,CAAgC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,SAAS;IACpB,mBAAmB,EAAE,MAAM;IAC3B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,qBAAqB;IAC7B,GAAG,CAAC,OAAO;QACT,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,MAAM;YACjB,mBAAmB,EAAE,SAAS;YAC9B,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf,CAAC;CACP,CAAC,CAAC,CAAA;AAEH,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,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5B,CAAC,CAAC,CAAA;AAEH,OAAO,EACL,wBAAwB,EACxB,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,iCAAiC,EACjC,+BAA+B,EAC/B,yBAAyB,GAC1B,CAAA"}

package/dist/components/Notifications/{NotificationsFeedTabs.types.d.ts → NotificationsFeedTabs/NotificationsFeedTabs.types.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
-import { NotificationActiveTab } from "./types";
-import type { DCLNotificationProps, NotificationLocale } from "./types";
+import { NotificationActiveTab } from "../Notifications.types";
+import type { DCLNotificationProps, NotificationLocale } from "../Notifications.types";
 type NotificationsFeedTabsProps = {
     unreadNotifications: DCLNotificationProps[];
     previousNotifications: DCLNotificationProps[];

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

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

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

@@ -0,0 +1,2 @@
+export { NotificationFeedTabs } from "./NotificationsFeedTabs";
+export type { NotificationsFeedTabsProps } from "./NotificationsFeedTabs.types";

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

@@ -0,0 +1,2 @@
+export { NotificationFeedTabs } from "./NotificationsFeedTabs";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationsFeedTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/Notifications/{Notifications.js → NotificationsToggle/Notifications.js}

@@ -1,7 +1,7 @@
 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 { NotificationBellActiveIcon, NotificationBellIcon } from "../../Icon";
+import { NotificationsFeed } from "../NotificationsFeed";
 import { NotificationIconContainer, NotificationIconWrapper, } from "./Notifications.styled";
 const Notifications = React.memo((props) => {
     const { isOpen, items, isLoading, locale, isOnboarding, activeTab, renderProfile, onClick, onChangeTab, onBegin, onClose, } = props;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationsToggle/Notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EACL,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,wBAAwB,CAAA;AAE/B,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,uBAAuB,cACtB,KAAC,oBAAoB,IAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,GAAG,GACjC,CAC3B,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/NotificationsToggle/Notifications.styled.d.ts

@@ -0,0 +1,13 @@
+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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "components" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "componentsProps" | "invisible" | "anchorOrigin" | "badgeContent" | "max" | "overlap" | "showZero"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    active: boolean;
+}, {}, {}>;
+declare const NotificationIconWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { NotificationIconContainer, NotificationIconWrapper };

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

@@ -0,0 +1,66 @@
+import { keyframes } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Badge, Box } 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, {
+    shouldForwardProp: (prop) => prop !== "active",
+})(({ active, theme }) => ({
+    ...(active
+        ? {
+            animation: `${shake} 0.8s`,
+            animationIterationCount: 4,
+        }
+        : {}),
+    "&:hover": {
+        backgroundColor: "transparent",
+    },
+    "& .MuiBadge-badge": {
+        transform: "scale(0.8) translate(40%, 60%)",
+    },
+    [theme.breakpoints.down("sm")]: {
+        marginLeft: theme.spacing(1),
+    },
+}));
+const NotificationIconWrapper = styled(Box)(({ theme }) => ({
+    height: "30.625px",
+    "&:hover": {
+        backgroundColor: theme.palette.action.hover,
+        borderRadius: "50%",
+        cursor: "pointer",
+    },
+}));
+export { NotificationIconContainer, NotificationIconWrapper };
+//# sourceMappingURL=Notifications.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.styled.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationsToggle/Notifications.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,KAAK,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCnB,CAAA;AAEJ,MAAM,yBAAyB,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,GAAG,CAAC,MAAM;QACR,CAAC,CAAC;YACE,SAAS,EAAE,GAAG,KAAK,OAAO;YAC1B,uBAAuB,EAAE,CAAC;SAC3B;QACH,CAAC,CAAC,EAAE,CAAC;IACP,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;IACD,mBAAmB,EAAE;QACnB,SAAS,EAAE,gCAAgC;KAC5C;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,UAAU;IAClB,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,CAAA"}