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

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

@@ -0,0 +1,165 @@
+import { NFTCategory, NotificationType, Rarity } from "@dcl/schemas";
+import { CreditsClaimReminderNotificationProps, CreditsCompleteYourWeeklyGoalsNotificationProps, CreditsDoNotMissOutNotificationProps, CreditsExpireIn24HrsReminderNotificationProps, CreditsExpireSoonReminderNotificationProps, CreditsNotificationsProps } from "./NotificationTypes/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 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 | RewardsNotificationProps | EventsNotificationsProps | StreamingNotificationsProps | CreditsNotificationsProps | ReferralNotificationsProps;
+type CommonNotificationProps<N> = {
+    notification: N;
+    locale: NotificationLocale;
+    renderProfile?: (address: string) => JSX.Element | string | null;
+};
+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, 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/types.js

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

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

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

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

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

package/dist/components/Notifications/utils.js

@@ -0,0 +1,68 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { NotificationType, Rarity } from "@dcl/schemas";
+import { BidAcceptedNotification, BidReceivedNotification, CampaignGasPriceHigherThanExpectedNotification, CampaignOutOfFundsNotification, CampaignOutOfStockNotification, CreditsClaimReminderNotification, CreditsCompleteYourWeeklyGoalsNotification, CreditsDoNotMissOutNotification, CreditsExpireIn24HrsReminderNotification, CreditsExpireSoonReminderNotification, EventsStartedNotification, EventsStartsSoonNotification, GovernanceAnnouncementNotification, GovernanceAuthoredProposalFinishedNotification, GovernanceCoauthorRequestedNotification, GovernanceNewCommentOnProjectUpdateNotification, GovernanceNewCommentOnProposalNotification, GovernancePitchPassedNotification, GovernanceProposalEnactedNotification, GovernanceTenderPassedNotification, GovernanceVotingEndedVoterNotification, ItemSoldNotification, LandRentalEndedNotification, LandRentedNotification, ReferralInvitedUserAcceptedNotification, ReferralNewTierReachedNotification, RewardAssignedNotification, RewardDelayedNotification, RewardInProgressNotification, RoyaltiesEarnedNotification, StreamingKeyExpiredNotification, StreamingKeyResetNotification, StreamingKeyRevokeNotification, StreamingPlaceUpdatedNotification, StreamingTimeExceededNotification, WorldsAccessRestoredNotification, WorldsAccessRestrictedNotification, WorldsMissingResourcesNotification, WorldsPermissionGrantedNotification, WorldsPermissionRevokedNotification, } from "./NotificationTypes";
+const MAXIMUM_FRACTION_DIGITS = 2;
+function formatMana(mana, maximumFractionDigits = MAXIMUM_FRACTION_DIGITS) {
+    return (Number(mana) / 1e18).toFixed(maximumFractionDigits).toLocaleString();
+}
+function getBGColorByRarity(rarity) {
+    return Rarity.getGradient(rarity).join();
+}
+const NotificationComponentByType = {
+    [NotificationType.BID_ACCEPTED]: BidAcceptedNotification,
+    [NotificationType.BID_RECEIVED]: BidReceivedNotification,
+    [NotificationType.CREDITS_REMINDER_CLAIM_CREDITS]: CreditsClaimReminderNotification,
+    [NotificationType.CREDITS_REMINDER_COMPLETE_GOALS]: CreditsCompleteYourWeeklyGoalsNotification,
+    [NotificationType.CREDITS_REMINDER_DO_NOT_MISS_OUT]: CreditsDoNotMissOutNotification,
+    [NotificationType.CREDITS_REMINDER_USAGE]: CreditsExpireSoonReminderNotification,
+    [NotificationType.CREDITS_REMINDER_USAGE_24_HOURS]: CreditsExpireIn24HrsReminderNotification,
+    [NotificationType.EVENTS_STARTED]: EventsStartedNotification,
+    [NotificationType.EVENTS_STARTS_SOON]: EventsStartsSoonNotification,
+    [NotificationType.GOVERNANCE_ANNOUNCEMENT]: GovernanceAnnouncementNotification,
+    [NotificationType.GOVERNANCE_AUTHORED_PROPOSAL_FINISHED]: GovernanceAuthoredProposalFinishedNotification,
+    [NotificationType.GOVERNANCE_COAUTHOR_REQUESTED]: GovernanceCoauthorRequestedNotification,
+    [NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROPOSAL]: GovernanceNewCommentOnProposalNotification,
+    [NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROJECT_UPDATE]: GovernanceNewCommentOnProjectUpdateNotification,
+    [NotificationType.GOVERNANCE_PITCH_PASSED]: GovernancePitchPassedNotification,
+    [NotificationType.GOVERNANCE_PROPOSAL_ENACTED]: GovernanceProposalEnactedNotification,
+    [NotificationType.GOVERNANCE_TENDER_PASSED]: GovernanceTenderPassedNotification,
+    [NotificationType.GOVERNANCE_VOTING_ENDED_VOTER]: GovernanceVotingEndedVoterNotification,
+    [NotificationType.ITEM_SOLD]: ItemSoldNotification,
+    [NotificationType.LAND_RENTAL_ENDED]: LandRentalEndedNotification,
+    [NotificationType.LAND_RENTED]: LandRentedNotification,
+    [NotificationType.REFERRAL_INVITED_USERS_ACCEPTED]: ReferralInvitedUserAcceptedNotification,
+    [NotificationType.REFERRAL_NEW_TIER_REACHED]: ReferralNewTierReachedNotification,
+    [NotificationType.REWARD_ASSIGNED]: RewardAssignedNotification,
+    [NotificationType.REWARD_CAMPAIGN_GAS_PRICE_HIGHER_THAN_EXPECTED]: CampaignGasPriceHigherThanExpectedNotification,
+    [NotificationType.REWARD_CAMPAIGN_OUT_OF_FUNDS]: CampaignOutOfFundsNotification,
+    [NotificationType.REWARD_CAMPAIGN_OUT_OF_STOCK]: CampaignOutOfStockNotification,
+    [NotificationType.REWARD_DELAYED]: RewardDelayedNotification,
+    [NotificationType.REWARD_IN_PROGRESS]: RewardInProgressNotification,
+    [NotificationType.ROYALTIES_EARNED]: RoyaltiesEarnedNotification,
+    [NotificationType.STREAMING_KEY_EXPIRED]: StreamingKeyExpiredNotification,
+    [NotificationType.STREAMING_KEY_RESET]: StreamingKeyResetNotification,
+    [NotificationType.STREAMING_KEY_REVOKE]: StreamingKeyRevokeNotification,
+    [NotificationType.STREAMING_PLACE_UPDATED]: StreamingPlaceUpdatedNotification,
+    [NotificationType.STREAMING_TIME_EXCEEDED]: StreamingTimeExceededNotification,
+    [NotificationType.WORLDS_ACCESS_RESTORED]: WorldsAccessRestoredNotification,
+    [NotificationType.WORLDS_ACCESS_RESTRICTED]: WorldsAccessRestrictedNotification,
+    [NotificationType.WORLDS_MISSING_RESOURCES]: WorldsMissingResourcesNotification,
+    [NotificationType.WORLDS_PERMISSION_GRANTED]: WorldsPermissionGrantedNotification,
+    [NotificationType.WORLDS_PERMISSION_REVOKED]: WorldsPermissionRevokedNotification,
+};
+const CURRENT_AVAILABLE_NOTIFICATIONS = Object.keys(NotificationComponentByType);
+const replaceWithValues = (str, values) => {
+    const parts = str.split(/{|}/);
+    const jsxElements = parts.map((part, index) => {
+        if (index % 2 === 0) {
+            return part;
+        }
+        else {
+            const value = values[part.trim()];
+            return value !== undefined ? value : `{${part}}`;
+        }
+    });
+    return _jsx(_Fragment, { children: jsxElements });
+};
+export { MAXIMUM_FRACTION_DIGITS, formatMana, getBGColorByRarity, NotificationComponentByType, CURRENT_AVAILABLE_NOTIFICATIONS, replaceWithValues, };
+//# sourceMappingURL=utils.js.map

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

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.d.ts

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { Network } from "@dcl/schemas";
+import { Box, Tooltip } from "@mui/material";
+import { config } from "../../../config";
+import * as CreditsIcon from "../../Icon/CreditsIcon";
+import { Mana } from "../../Mana";
+import { CreditsBalanceContainer, CreditsBalanceTooltipContainer, CreditsBalanceValueContainer, ExperingSoon, GetCreditsButton, ManaBalanceNumber, ManaBalancesWrapper, } from "./ManaBalances.styled";
+const ManaBalances = React.memo((props) => {
+    const { manaBalances, creditsBalance, i18n, onClickBalance } = props;
+    const isCreditsBalanceExpired = creditsBalance && creditsBalance.expiresAt < Date.now();
+    const creditsExpiringSoon = creditsBalance &&
+        creditsBalance.expiresAt < Date.now() + 1000 * 60 * 60 * 24 * 5; // 5 days
+    // calculates in how much time they expire. This returns days remaining
+    const creditsExpiringIn = creditsBalance &&
+        Math.floor((creditsBalance.expiresAt - Date.now()) / (1000 * 60 * 60 * 24));
+    return (_jsxs(ManaBalancesWrapper, { children: [_jsx(Box, { children: manaBalances &&
+                    Object.keys(manaBalances).map((network) => (_jsx(Mana, { network: network, href: config.get("ACCOUNT_URL"), onClick: onClickBalance, primary: network === Network.ETHEREUM, children: _jsx(ManaBalanceNumber, { variant: "subtitle2", children: Number(manaBalances[network].toFixed(2)).toLocaleString() }) }, network))) }), creditsBalance !== undefined && !isCreditsBalanceExpired && (_jsx(CreditsBalanceContainer, { children: _jsx(_Fragment, { children: creditsBalance.balance === 0 ? (_jsxs(_Fragment, { children: [_jsx(GetCreditsButton, { variant: "text", onClick: () => {
+                                    window.open(`${config.get("BLOG_URL")}announcements/marketplace-credits-earn-weekly-rewards-to-power-up-your-look?utm_org=dcl&utm_source=marketplace&utm_medium=organic&utm_campaign=marketplacecredits`, "_blank", "noopener noreferrer");
+                                }, children: i18n?.getCredits || "Earn Credits" }), _jsxs(CreditsBalanceValueContainer, { children: [_jsx(CreditsIcon.CreditsIcon, {}), creditsBalance.balance] })] })) : creditsBalance.balance > 0 ? (_jsxs(_Fragment, { children: [creditsExpiringSoon && (_jsx(ExperingSoon, { children: i18n?.creditsExpiringSoon })), creditsExpiringIn && (_jsx(Tooltip, { title: _jsxs(CreditsBalanceTooltipContainer, { children: [_jsx("span", { children: i18n?.creditsExpiringIn(creditsExpiringIn.toString()) }), _jsx("span", { children: i18n?.creditsValue })] }), placement: "top-start", children: _jsxs(CreditsBalanceValueContainer, { children: [_jsx(CreditsIcon.CreditsIcon, {}), creditsBalance.balance] }) }))] })) : null }) }))] }));
+});
+export { ManaBalances };
+//# sourceMappingURL=ManaBalances.js.map

package/dist/components/UserMenu/ManaBalances/ManaBalances.js.map

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.stories.d.ts

@@ -0,0 +1,11 @@
+import { ManaBalancesProps } from "./ManaBalances.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<ManaBalancesProps>;
+type Story = StoryObj<ManaBalancesProps>;
+declare const Simple: Story;
+declare const WithCredits: Story;
+declare const WithCreditsExpiringSoon: Story;
+declare const WithNoCredits: Story;
+declare const WithCreditsButNotMANA: Story;
+export { Simple, WithCredits, WithNoCredits, WithCreditsExpiringSoon, WithCreditsButNotMANA, };
+export default meta;

package/dist/components/UserMenu/ManaBalances/ManaBalances.stories.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Network } from "@dcl/schemas";
+import { ManaBalances } from "./ManaBalances";
+const balance = {
+    [Network.ETHEREUM]: 8888.88,
+    [Network.MATIC]: 8888.88,
+};
+const meta = {
+    component: ManaBalances,
+    title: "Decentraland UI/Mana Balances",
+    tags: ["autodocs"],
+    argTypes: {
+        manaBalances: {
+            description: "Balance of MANA in different networks",
+            control: {
+                type: "object",
+            },
+            options: [balance],
+        },
+    },
+    render: (args) => _jsx(ManaBalances, { manaBalances: balance, ...args }),
+};
+const Simple = {
+    args: {},
+};
+const WithCredits = {
+    args: {
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
+        i18n: {
+            getCredits: "Earn Credits",
+            creditsExpiringSoon: "Expiring soon",
+            creditsExpiringIn: (value) => `Expiring in ${value} days`,
+            creditsValue: "(1 Credit = 1 MANA in value)",
+        },
+    },
+};
+const WithCreditsExpiringSoon = {
+    args: {
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 3,
+        },
+        i18n: {
+            getCredits: "Earn Credits",
+            creditsExpiringSoon: "Expiring soon",
+            creditsExpiringIn: (value) => `Expiring in ${value} days`,
+            creditsValue: "(1 Credit = 1 MANA in value)",
+        },
+    },
+};
+const WithNoCredits = {
+    args: {
+        creditsBalance: {
+            balance: 0,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
+        i18n: {
+            getCredits: "Earn Credits",
+            creditsExpiringSoon: "Expiring soon",
+            creditsExpiringIn: (value) => `Expiring in ${value} days`,
+            creditsValue: "(1 Credit = 1 MANA in value)",
+        },
+    },
+};
+const WithCreditsButNotMANA = {
+    args: {
+        manaBalances: undefined,
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
+        i18n: {
+            getCredits: "Earn Credits",
+            creditsExpiringSoon: "Expiring soon",
+            creditsExpiringIn: (value) => `Expiring in ${value} days`,
+            creditsValue: "(1 Credit = 1 MANA in value)",
+        },
+    },
+};
+export { Simple, WithCredits, WithNoCredits, WithCreditsExpiringSoon, WithCreditsButNotMANA, };
+// eslint-disable-next-line import/no-default-export
+export default meta;
+//# sourceMappingURL=ManaBalances.stories.js.map

package/dist/components/UserMenu/ManaBalances/ManaBalances.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManaBalances.stories.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI7C,MAAM,OAAO,GAAG;IACd,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO;IAC3B,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO;CACzB,CAAA;AAED,MAAM,IAAI,GAA4B;IACpC,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,+BAA+B;IACtC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,CAAC,OAAO,CAAC;SACnB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,KAAM,IAAI,GAAI;CACpE,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SACjD;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,cAAc;YAC1B,mBAAmB,EAAE,eAAe;YACpC,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;YACjE,YAAY,EAAE,8BAA8B;SAC7C;KACF;CACF,CAAA;AAED,MAAM,uBAAuB,GAAU;IACrC,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SAChD;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,cAAc;YAC1B,mBAAmB,EAAE,eAAe;YACpC,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;YACjE,YAAY,EAAE,8BAA8B;SAC7C;KACF;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SACjD;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,cAAc;YAC1B,mBAAmB,EAAE,eAAe;YACpC,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;YACjE,YAAY,EAAE,8BAA8B;SAC7C;KACF;CACF,CAAA;AAED,MAAM,qBAAqB,GAAU;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE;YACd,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SACjD;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,cAAc;YAC1B,mBAAmB,EAAE,eAAe;YACpC,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;YACjE,YAAY,EAAE,8BAA8B;SAC7C;KACF;CACF,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,qBAAqB,GACtB,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA"}

package/dist/components/UserMenu/ManaBalances/ManaBalances.styled.d.ts

@@ -0,0 +1,33 @@
+declare const ManaBalancesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const GetCreditsButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ManaBalanceNumber: 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 CreditsBalanceContainer: 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 CreditsBalanceValueContainer: 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 CreditsBalanceTooltipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ExperingSoon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export { CreditsBalanceContainer, ManaBalancesWrapper, ManaBalanceNumber, GetCreditsButton, CreditsBalanceTooltipContainer, CreditsBalanceValueContainer, ExperingSoon, };

package/dist/components/UserMenu/ManaBalances/ManaBalances.styled.js

@@ -0,0 +1,83 @@
+import styled from "@emotion/styled";
+import { Box, Button, Typography } from "@mui/material";
+const ManaBalancesWrapper = styled("div")((props) => {
+    const { theme } = props;
+    return {
+        display: "flex",
+        flexDirection: "column",
+        gap: "4px",
+        alignItems: "flex-end",
+        fontSize: theme.typography.subtitle2.fontSize,
+        "& svg": {
+            fontSize: theme.typography.subtitle2.fontSize,
+        },
+        "& > div": {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+        },
+        [theme.breakpoints.down("sm")]: {
+            alignItems: "flex-start",
+        },
+    };
+});
+const GetCreditsButton = styled(Button)((props) => {
+    const { theme } = props;
+    return {
+        "&.MuiButton-root.MuiButton-textPrimary": {
+            fontSize: theme.typography.caption.fontSize,
+            padding: 0,
+            marginRight: "4px",
+            "&:hover": {
+                backgroundColor: "transparent",
+            },
+        },
+        "&:hover": {
+            backgroundColor: "transparent",
+        },
+    };
+});
+const ManaBalanceNumber = styled(Typography)({
+    lineHeight: "inherit",
+});
+const CreditsBalanceContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        color: "#A0ABFF",
+        fontWeight: 600,
+        alignSelf: "flex-end",
+        gap: "8px",
+        "& svg": {
+            marginTop: "0px",
+        },
+        [theme.breakpoints.down("sm")]: {
+            alignSelf: "flex-start",
+        },
+    };
+});
+const CreditsBalanceValueContainer = styled(Box)({
+    display: "flex",
+    cursor: "pointer",
+    alignItems: "center",
+    gap: "2px",
+    "& svg": {
+        width: "16px",
+        height: "16px",
+    },
+});
+const CreditsBalanceTooltipContainer = styled("div")({
+    display: "flex",
+    flexDirection: "column",
+    gap: "2px",
+    fontFamily: "Inter, Helvetica, Arial, sans-serif",
+});
+const ExperingSoon = styled("span")(({ theme }) => ({
+    color: theme.palette.primary.main,
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: 600,
+    lineHeight: "24px",
+    textTransform: "uppercase",
+    fontFamily: theme.typography.fontFamily,
+}));
+export { CreditsBalanceContainer, ManaBalancesWrapper, ManaBalanceNumber, GetCreditsButton, CreditsBalanceTooltipContainer, CreditsBalanceValueContainer, ExperingSoon, };
+//# sourceMappingURL=ManaBalances.styled.js.map

package/dist/components/UserMenu/ManaBalances/ManaBalances.styled.js.map

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.types.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Network } from "@dcl/schemas/dist/dapps/network";
+type ManaBalancesProps = {
+    manaBalances?: Partial<Record<Network, number>>;
+    creditsBalance?: {
+        balance: number;
+        expiresAt: number;
+    };
+    i18n?: {
+        getCredits: string;
+        creditsExpiringSoon: string;
+        creditsValue: string;
+        creditsExpiringIn: (value: string) => string;
+    };
+    onClickBalance?: React.MouseEventHandler<HTMLButtonElement> & ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, network: Network) => void);
+};
+export { ManaBalancesProps };

package/dist/components/UserMenu/ManaBalances/ManaBalances.types.js

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.types.js.map

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

package/dist/components/UserMenu/ManaBalances/index.d.ts

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

package/dist/components/UserMenu/ManaBalances/index.js

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

package/dist/components/UserMenu/ManaBalances/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/UserMenu/UserMenu.d.ts

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

package/dist/components/UserMenu/UserMenu.i18n.d.ts

@@ -0,0 +1,3 @@
+import { UserMenuI18N } from "./UserMenu.types";
+declare const i18n: UserMenuI18N;
+export { i18n };

package/dist/components/UserMenu/UserMenu.i18n.js

@@ -0,0 +1,20 @@
+const i18n = {
+    account: "Account Settings",
+    activity: "Activity",
+    guest: "Guest",
+    download: "Download",
+    marketplaceAuthorizations: "Marketplace Authorizations",
+    myAssets: "My Assets",
+    myLists: "My Lists",
+    profile: "Profile",
+    signIn: "Sign In",
+    signOut: "Log Out",
+    viewProfile: "View Profile",
+    inviteFriends: "Invite Friends",
+    getCredits: "Earn Credits",
+    creditsExpiringSoon: "Expiring soon",
+    creditsValue: "(1 Credit = 1 MANA in value)",
+    creditsExpiringIn: (value) => `Expiring in ${value} days`,
+};
+export { i18n };
+//# sourceMappingURL=UserMenu.i18n.js.map