decentraland-ui2 0.12.1 → 0.13.0

package/dist/components/Icon/CreditsIcon.d.ts

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

package/dist/components/Icon/CreditsIcon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import SvgIcon from "@mui/material/SvgIcon";
+const CreditsIcon = React.memo((props) => {
+    return (_jsx(SvgIcon, { ...props, children: _jsxs("svg", { width: "12", height: "15", viewBox: "0 0 12 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.33705 4.16563C1.38647 3.82008 1.68242 3.56344 2.03148 3.56344L9.96852 3.56344C10.3176 3.56344 10.6135 3.82008 10.6629 4.16563L11.9929 13.4653C12.0217 13.6667 11.9617 13.8706 11.8285 14.0242C11.6952 14.1779 11.5019 14.2661 11.2985 14.2661H0.701503C0.498126 14.2661 0.304759 14.1779 0.171518 14.0242C0.0382768 13.8706 -0.0217225 13.6667 0.0070702 13.4653L1.33705 4.16563ZM2.6398 4.96644L1.51046 12.8631H10.4895L9.3602 4.96644H2.6398Z", fill: "#A0ABFF" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.64364 3.19351C3.64364 1.892 4.69872 0.836914 6.00023 0.836914C7.30174 0.836914 8.35682 1.892 8.35682 3.1935V7.36617C8.35682 7.7536 8.04275 8.06767 7.65532 8.06767C7.26789 8.06767 6.95382 7.7536 6.95382 7.36617V3.1935C6.95382 2.66685 6.52688 2.23991 6.00023 2.23991C5.47358 2.23991 5.04664 2.66685 5.04664 3.19351V7.36617C5.04664 7.7536 4.73256 8.06767 4.34514 8.06767C3.95771 8.06767 3.64364 7.7536 3.64364 7.36617V3.19351Z", fill: "#A0ABFF" })] }) }));
+});
+export { CreditsIcon };
+//# sourceMappingURL=CreditsIcon.js.map

package/dist/components/Icon/CreditsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/CreditsIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAyB,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACrD,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,obAAob,EACtb,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4aAA4a,EAC9a,IAAI,EAAC,SAAS,GACd,IACE,GACE,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -1,13 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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 { ManaBalanceNumber, ManaBalancesWrapper } from "./ManaBalances.styled";
+import { CreditsBalanceContainer, CreditsBalanceTooltipContainer, CreditsBalanceValueContainer, ExperingSoon, GetCreditsButton, ManaBalanceNumber, ManaBalancesWrapper, } from "./ManaBalances.styled";
 const ManaBalances = React.memo((props) => {
-    const { manaBalances, onClickBalance } = props;
-    return (_jsx(ManaBalancesWrapper, { 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))) }));
+    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.ceil((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: () => {
+                                    // TODO: review this link
+                                    window.open(config.get("CREDITS_DOCS_URL"), "_blank");
+                                }, 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

@@ -1 +1 @@
-{"version":3,"file":"ManaBalances.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAwB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAE9C,OAAO,CACL,KAAC,mBAAmB,cACjB,YAAY;YACX,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzC,KAAC,IAAI,IAEH,OAAO,EAAE,OAAkB,EAC3B,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAC/B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,YAErC,KAAC,iBAAiB,IAAC,OAAO,EAAC,WAAW,YACnC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,GACxC,IARf,OAAO,CASP,CACR,CAAC,GACgB,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"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

@@ -2,5 +2,10 @@ 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;
-export declare const Simple: Story;

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

@@ -20,9 +20,67 @@ const meta = {
     },
     render: (args) => _jsx(ManaBalances, { manaBalances: balance, ...args }),
 };
-// eslint-disable-next-line import/no-default-export
-export default meta;
-export const Simple = {
+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

@@ -1 +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,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;CACT,CAAA"}
+{"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

@@ -2,9 +2,32 @@ 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;
 }, {}, {}>;
-export { ManaBalancesWrapper, ManaBalanceNumber };
+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

@@ -1,16 +1,70 @@
 import styled from "@emotion/styled";
-import { Typography } from "@mui/material";
+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",
+        },
+    };
+});
+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",
 });
-export { ManaBalancesWrapper, ManaBalanceNumber };
+const CreditsBalanceContainer = styled(Box)({
+    color: "#A0ABFF",
+    fontWeight: 600,
+    alignSelf: "flex-end",
+    gap: "8px",
+    "& svg": {
+        marginBottom: "3px",
+    },
+});
+const CreditsBalanceValueContainer = styled(Box)({
+    display: "flex",
+    cursor: "pointer",
+    alignItems: "center",
+    gap: "2px",
+});
+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

@@ -1 +1 @@
-{"version":3,"file":"ManaBalances.styled.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,OAAO,EAAE;YACP,QAAQ,EAAE,KAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;SAC/C;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3C,UAAU,EAAE,SAAS;CACtB,CAAC,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"ManaBalances.styled.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,KAAK;QACV,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,KAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;QAC9C,OAAO,EAAE;YACP,QAAQ,EAAE,KAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;SAC/C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;SACrB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,wCAAwC,EAAE;YACxC,QAAQ,EAAE,KAAM,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ;YAC5C,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE;gBACT,eAAe,EAAE,aAAa;aAC/B;SACF;QACD,SAAS,EAAE;YACT,eAAe,EAAE,aAAa;SAC/B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3C,UAAU,EAAE,SAAS;CACtB,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE;QACP,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,MAAM,8BAA8B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK;IACV,UAAU,EAAE,qCAAqC;CAClD,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IACjC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ;IAC3C,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;CACxC,CAAC,CAAC,CAAA;AAEH,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,8BAA8B,EAC9B,4BAA4B,EAC5B,YAAY,GACb,CAAA"}

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

@@ -2,6 +2,16 @@ 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/UserMenu.i18n.js

@@ -10,6 +10,10 @@ const i18n = {
     signIn: "Sign In",
     signOut: "Log Out",
     viewProfile: "View Profile",
+    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

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

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.i18n.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.i18n.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,yBAAyB,EAAE,4BAA4B;IACvD,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,cAAc;CACZ,CAAA;AAEjB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"UserMenu.i18n.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.i18n.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,yBAAyB,EAAE,4BAA4B;IACvD,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,cAAc;IAC1B,mBAAmB,EAAE,eAAe;IACpC,YAAY,EAAE,8BAA8B;IAC5C,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;CAClD,CAAA;AAEjB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -53,6 +53,10 @@ const Complete = {
     args: {
         avatar: avatar,
         manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
         hasActivity: true,
         isSignedIn: true,
     },

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

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.stories.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAIxD,MAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,0BAA0B;IACjC,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;KACX;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,KAAC,QAAQ,OAAK,IAAI,GAAI,CAAA;IAC/B,CAAC;CACF,CAAA;AAID,MAAM,SAAS,GAAU;IACvB,IAAI,EAAE,YAAY;CACnB,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,IAAI;KACjB;CACF,CAAA;AAED,MAAM,SAAS,GAAU;IACvB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAA;AAED,MAAM,aAAa,GAAU;IAC3B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE;QACJ,eAAe,EAAE,IAAI;KACtB;CACF,CAAA;AAED,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE;QAC5C,UAAU,EAAE,IAAI;KACjB;CACF,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE;QACjE,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,IAAI;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC/D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAA;QAC5D,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;gBACF,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,MAAM;aACf,YAED,KAAC,QAAQ,OACH,IAAI,EACR,aAAa,EAAE;oBACb,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,gBAAgB;oBACxB,SAAS,EAAE,KAAK;oBAChB,KAAK,EAAE,CAAC,6BAA6B,CAAC;oBACtC,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,OAAO,CAAC,GAAG;oBACpB,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;oBACrC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC;oBACxC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC;iBAC1C,GACD,GACE,CACP,CAAA;IACH,CAAC;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"UserMenu.stories.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import * as React from "react";
+import { ManaBalancesProps } from "./ManaBalances/ManaBalances.types";
 import { UserMenuSignedInProps } from "./UserMenuSignedIn/UserMenuSignedIn.types";
-type UserMenuI18N = Record<"myAssets" | "account" | "viewProfile" | "signIn" | "signOut" | "guest" | "marketplaceAuthorizations" | "download", string>;
+type UserMenuI18N = Record<"myAssets" | "account" | "viewProfile" | "signIn" | "signOut" | "guest" | "marketplaceAuthorizations" | "download", string> & ManaBalancesProps["i18n"];
 type UserMenuProps = Omit<UserMenuSignedInProps, "isOpen" | "isClickable" | "trackingId" | "onClickToggle"> & {
     isSignedIn?: boolean;
     isSigningIn?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.types.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.types.ts"],"names":[],"mappings":"AAoCA,IAAK,eAWJ;AAXD,WAAK,eAAe;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,4EAAyD,CAAA;IACzD,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;AACrB,CAAC,EAXI,eAAe,KAAf,eAAe,QAWnB;AASD,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"UserMenu.types.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.types.ts"],"names":[],"mappings":"AAsCA,IAAK,eAWJ;AAXD,WAAK,eAAe;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,4EAAyD,CAAA;IACzD,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;AACrB,CAAC,EAXI,eAAe,KAAf,eAAe,QAWnB;AASD,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.js

@@ -76,7 +76,7 @@ const UserMenuActions = (props) => {
     return (_jsxs(ActionsContainer, { elevation: 0, children: [_jsx(AvatarPreviewContainer, { children: _jsx(AvatarPreview, { avatar: avatar }) }), _jsxs(MenuInformationActionContainer, { children: [_jsx(MenuInfoContainer, { children: _jsxs(MenuInfoTypography, { variant: "h4", children: [avatar?.name || i18n.guest, " ", !avatar?.hasClaimedName && userAddress && (_jsxs(MenuInfoUnclaimedTypography, { children: ["#", userAddress.substring(userAddress.length - 4)] }))] }) }), _jsxs(ActionsWrapper, { children: [_jsxs(ActionsMenuItem, { onClick: handleClickProfile, children: [_jsx(Typography, { variant: "h6", children: i18n.viewProfile }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickMyAssets, children: [_jsx(Typography, { variant: "h6", children: i18n.myAssets }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickAccount, children: [_jsx(Typography, { variant: "h6", children: i18n.account }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickMarketplaceAuthorization, children: [_jsx(Typography, { variant: "h6", children: i18n.marketplaceAuthorizations }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] })] }), _jsxs(LogoutContainer, { onClick: handleClickSignOut, children: [_jsx(Typography, { variant: "h6", children: i18n.signOut }), _jsx(LogoutIcon, {})] })] })] }));
 };
 const UserMenuSignedIn = React.memo((props) => {
-    const { manaBalances, avatar, hasActivity, isOpen, trackingId, notifications, onClickActivity, onClickBalance, onClickClose, onClickUserMenuItem, onClickToggle, ...actionsProps } = props;
+    const { manaBalances, creditsBalance, avatar, hasActivity, isOpen, trackingId, notifications, onClickActivity, onClickBalance, onClickClose, onClickUserMenuItem, onClickToggle, ...actionsProps } = props;
     const [anchorEl, setAnchorEl] = useState(null);
     const isTabletAndBelow = useTabletAndBelowMediaQuery();
     const handleClickActivity = useCallback((event) => {
@@ -99,7 +99,12 @@ const UserMenuSignedIn = React.memo((props) => {
     const handleClickClose = useCallback(() => {
         onClickClose && onClickClose();
     }, [onClickClose]);
-    return (_jsxs(UserMenuSignedInContainer, { children: [notifications && _jsx(Notifications, { ...notifications }), !isTabletAndBelow && (_jsx(IconButton, { "aria-label": "activity", onClick: handleClickActivity, children: _jsx(Badge, { color: "secondary", variant: "dot", invisible: !hasActivity, children: _jsx(ActivityIcon, {}) }) })), !isTabletAndBelow && (_jsx(ManaBalances, { manaBalances: manaBalances, onClickBalance: onClickBalance })), _jsx(AvatarFaceContainer, { onClick: handleClickToggle, children: _jsx(AvatarFace, { size: "medium", avatar: avatar }) }), _jsxs(Box, { onMouseLeave: handleClickClose, onScroll: !isTabletAndBelow ? handleClickClose : undefined, children: [!isTabletAndBelow && (_jsx(MenuContainer, { anchorEl: anchorEl, open: !!isOpen, onClose: handleClickClose, anchorOrigin: {
+    return (_jsxs(UserMenuSignedInContainer, { children: [notifications && _jsx(Notifications, { ...notifications }), !isTabletAndBelow && (_jsx(IconButton, { "aria-label": "activity", onClick: handleClickActivity, children: _jsx(Badge, { color: "secondary", variant: "dot", invisible: !hasActivity, children: _jsx(ActivityIcon, {}) }) })), !isTabletAndBelow && (_jsx(ManaBalances, { manaBalances: manaBalances, creditsBalance: creditsBalance, onClickBalance: onClickBalance, i18n: {
+                    getCredits: actionsProps.i18n?.getCredits,
+                    creditsExpiringSoon: actionsProps.i18n?.creditsExpiringSoon,
+                    creditsExpiringIn: actionsProps.i18n?.creditsExpiringIn,
+                    creditsValue: actionsProps.i18n?.creditsValue,
+                } })), _jsx(AvatarFaceContainer, { onClick: handleClickToggle, children: _jsx(AvatarFace, { size: "medium", avatar: avatar }) }), _jsxs(Box, { onMouseLeave: handleClickClose, onScroll: !isTabletAndBelow ? handleClickClose : undefined, children: [!isTabletAndBelow && (_jsx(MenuContainer, { anchorEl: anchorEl, open: !!isOpen, onClose: handleClickClose, anchorOrigin: {
                             vertical: "bottom",
                             horizontal: "right",
                         }, transformOrigin: {

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

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

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

@@ -30,12 +30,20 @@ const SignedIn = {
     name: "Signed in",
     args: {
         manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        creditsBalance: {
+            balance: 20,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
     },
 };
 const CompleteWithActivity = {
     name: "Complete with activity",
     args: {
         manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 3,
+        },
         hasActivity: true,
     },
     render: (args) => {

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

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

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

@@ -8,6 +8,7 @@ type UserMenuSignedInProps = ManaBalancesProps & {
     isOpen?: boolean;
     trackingId?: string;
     hasActivity?: boolean;
+    creditsBalance?: ManaBalancesProps["creditsBalance"];
     notifications?: NotificationsProps;
     i18n: UserMenuI18N;
     onClickMarketplaceAuthorization?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -94,5 +94,5 @@
   "files": [
     "dist"
   ],
-  "commit": "f972accd82463258f712a33455d2ef652ccfb93e"
+  "commit": "a86a8f5019d2095f62c14c779cf188402663dd5c"
 }