decentraland-ui2 1.1.6-20618213460.commit-750a3e0 → 1.1.7-20715267278.commit-7a70448

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { formatDistanceToNow } from "date-fns";
 import { enUS, es, zhCN } from "date-fns/locale";
-import { NotificationItemImage } from "./NotificationItemImage";
-import { NewNotificationIcon } from "../Icon";
+import { NewNotificationIcon } from "../../Icon";
+import { NotificationItemImage } from "../NotificationItemImage";
 import { NotificationItemContainer, NotificationItemContent, NotificationItemImageContainer, NotificationItemTimestamp, } from "./NotificationItem.styled";
 const NotificationItem = React.memo((props) => {
     const { image, imageBackgroundColor, badgeIcon, timestamp, isNew, children, locale, } = props;

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItem/NotificationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,2BAA2B,CAAA;AAElC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CACjC,CAAC,KAAqD,EAAE,EAAE;IACxD,MAAM,EACJ,KAAK,EACL,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAA;IACT,MAAM,UAAU,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAEvE,OAAO,CACL,MAAC,yBAAyB,eACxB,KAAC,8BAA8B,cAC7B,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,GACpB,GAC6B,EACjC,MAAC,uBAAuB,eACrB,QAAQ,EACT,KAAC,yBAAyB,cACvB,mBAAmB,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,GAC7B,IACJ,EACzB,KAAK,IAAI,KAAC,mBAAmB,IAAC,SAAS,EAAE,EAAE,GAAI,IACtB,CAC7B,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -33,4 +33,4 @@ declare const SpanHighlighted: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export { NotificationItemContainer, NotificationItemImageContainer, NotificationItemContent, NotificationItemTimestamp, NotificationItemTitle, NotificationItemDescription, NotificationItemCountdown, SpanHighlighted, };
+export { NotificationItemContainer, NotificationItemContent, NotificationItemCountdown, NotificationItemDescription, NotificationItemImageContainer, NotificationItemTimestamp, NotificationItemTitle, SpanHighlighted, };

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

@@ -0,0 +1,61 @@
+import styled from "@emotion/styled";
+import { Link, Typography } from "@mui/material";
+import { neutral } from "../../../theme/colors";
+const NotificationItemContainer = styled("div")(({ theme }) => ({
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: theme.spacing(1, 2),
+    justifyContent: "space-between",
+    gap: "16px",
+    "&:last-of-type": {
+        padding: theme.spacing(1, 2, 2),
+    },
+}));
+const NotificationItemImageContainer = styled("div")(({ theme }) => ({
+    marginLeft: theme.spacing(2),
+    fontSize: "48px",
+}));
+const NotificationItemContent = styled("div")({
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+});
+const NotificationItemTimestamp = styled(Typography)(({ theme }) => ({
+    fontWeight: 600,
+    fontSize: theme.typography.pxToRem(12),
+}));
+const NotificationItemTitle = styled(Typography)(({ theme }) => ({
+    fontWeight: 600,
+    fontSize: theme.typography.pxToRem(14),
+    marginBottom: 0,
+}));
+const NotificationItemDescription = styled(Link)(({ theme }) => ({
+    display: "inline",
+    color: neutral.gray3,
+    margin: theme.spacing(0.5, 0),
+    gap: "5px",
+    flexWrap: "wrap",
+    alignItems: "center",
+    fontSize: theme.typography.pxToRem(14),
+}));
+const NotificationItemCountdown = styled("div")(({ theme }) => ({
+    padding: theme.spacing(0, 1.25),
+    backgroundColor: "#37333d",
+    width: "fit-content",
+    color: "#fff",
+    borderRadius: "20px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: theme.spacing(-0.25),
+    transform: "translateY(2px)",
+    "& svg": {
+        marginRight: theme.spacing(0.625),
+    },
+}));
+const SpanHighlighted = styled("span")(({ theme }) => ({
+    color: theme.palette.primary.main,
+}));
+export { NotificationItemContainer, NotificationItemContent, NotificationItemCountdown, NotificationItemDescription, NotificationItemImageContainer, NotificationItemTimestamp, NotificationItemTitle, SpanHighlighted, };
+//# sourceMappingURL=NotificationItem.styled.js.map

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

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

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

@@ -1,5 +1,5 @@
-import { NotificationLocale } from "./types";
-import { NotificationItemImageProps } from "./NotificationItemImage.types";
+import type { NotificationItemImageProps } from "../NotificationItemImage";
+import type { NotificationLocale } from "../Notifications.types";
 type NotificationItemProps = NotificationItemImageProps & {
     timestamp: number;
     isNew: boolean;

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { NotificationLocale } from "../Notifications.types";
+import type { NotificationItemImageProps } from "../NotificationItemImage";
+type ReadableNotification = {
+    timestamp: number;
+    read: boolean;
+};
+type NotificationItemTextProps<N extends ReadableNotification> = NotificationItemImageProps & {
+    description: React.ReactNode;
+    descriptionHref?: string;
+    locale: NotificationLocale;
+    notification: N;
+    title: React.ReactNode;
+};
+declare function NotificationItemTextComponent<N extends ReadableNotification>(props: NotificationItemTextProps<N>): import("react/jsx-runtime").JSX.Element;
+declare const NotificationItemText: typeof NotificationItemTextComponent;
+export type { NotificationItemTextProps };
+export { NotificationItemText };

package/dist/components/Notifications/NotificationItem/NotificationItemText.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { NotificationItem } from "./NotificationItem";
+import { NotificationItemDescription, NotificationItemTitle, } from "./NotificationItem.styled";
+function NotificationItemTextComponent(props) {
+    const { description, descriptionHref, locale, notification, title, ...imageProps } = props;
+    return (_jsxs(NotificationItem, { ...imageProps, timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: title }), _jsx(NotificationItemDescription, { href: descriptionHref, color: "inherit", underline: "none", children: description })] }));
+}
+const NotificationItemText = React.memo(NotificationItemTextComponent);
+export { NotificationItemText };
+//# sourceMappingURL=NotificationItemText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemText.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItem/NotificationItemText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,2BAA2B,CAAA;AAiBlC,SAAS,6BAA6B,CACpC,KAAmC;IAEnC,MAAM,EACJ,WAAW,EACX,eAAe,EACf,MAAM,EACN,YAAY,EACZ,KAAK,EACL,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,OAAO,CACL,MAAC,gBAAgB,OACX,UAAU,EACd,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,KAAK,GAAyB,EACtD,KAAC,2BAA2B,IAC1B,IAAI,EAAE,eAAe,EACrB,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,YAEf,WAAW,GACgB,IACb,CACpB,CAAA;AACH,CAAC;AAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CACrC,6BAA6B,CACqB,CAAA;AAGpD,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -0,0 +1,4 @@
+export { NotificationItem } from "./NotificationItem";
+export type { NotificationItemProps } from "./NotificationItem.types";
+export { NotificationItemText } from "./NotificationItemText";
+export type { NotificationItemTextProps } from "./NotificationItemText";

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemImage.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItemImage/NotificationItemImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEtE,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAC,KAAiC,EAAE,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAA;IACxD,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAA;IACzC,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;SACnB,EACD,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,OAAO,YAEf,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IAAC,eAAe,EAAE,oBAAoB,YACnD,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,oBAAoB,GAAG,GAC7B,CAClB,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACK,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -0,0 +1,26 @@
+import styled from "@emotion/styled";
+import { Badge as BadgeMui } from "@mui/material";
+const Badge = styled(BadgeMui)(({ isImage }) => ({
+    height: "48px",
+    width: "48px",
+    "& svg.MuiSvgIcon-root": {
+        fontSize: isImage ? "24px" : "inherit",
+    },
+}));
+const ImageContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "backgroundColor",
+})(({ backgroundColor }) => ({
+    borderRadius: "100%",
+    height: "48px",
+    width: "48px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(103, 99, 112, 0.4)",
+    backgroundImage: backgroundColor && `radial-gradient(${backgroundColor})`,
+    "& img": {
+        width: "80%",
+    },
+}));
+export { Badge, ImageContainer };
+//# sourceMappingURL=NotificationItemImage.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemImage.styled.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItemImage/NotificationItemImage.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAuB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,uBAAuB,EAAE;QACvB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACvC;CACF,CAAC,CAAC,CAAA;AAMH,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACxD,CAAC,CAAsB,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,eAAe,EAAE,yBAAyB;IAC1C,eAAe,EAAE,eAAe,IAAI,mBAAmB,eAAe,GAAG;IACzE,OAAO,EAAE;QACP,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemNFTLink.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItemNFTLink/NotificationItemNFTLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAEvD,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CACxC,CAAC,KAAmC,EAAE,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAC7B,IAAI,GACA,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

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

@@ -0,0 +1,9 @@
+import { Rarity } from "@dcl/schemas";
+import styled from "@emotion/styled";
+import { Link as LinkMui } from "@mui/material";
+const Link = styled(LinkMui)(({ rarity }) => ({
+    color: Rarity.getColor(rarity),
+    textDecorationColor: "transparent",
+}));
+export { Link };
+//# sourceMappingURL=NotificationItemNFTLink.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItemNFTLink.styled.js","sourceRoot":"","sources":["../../../../src/components/Notifications/NotificationItemNFTLink/NotificationItemNFTLink.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC9B,mBAAmB,EAAE,aAAa;CACnC,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

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

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

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

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

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

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

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

package/dist/components/Notifications/NotificationTypes/Credits/Credits.i18n.d.ts

@@ -0,0 +1,85 @@
+declare const creditsClaimReminderI18n: {
+    readonly en: {
+        readonly description: "You've earned Credits, but haven't claimed them yet! Complete the CAPTCHA in the Weekly Rewards panel to claim your Credits before the week resets (23:59 UTC Sunday).";
+        readonly title: "Claim Your Credits";
+    };
+    readonly es: {
+        readonly description: "¡Has ganado Créditos pero aún no los has reclamado! Completa el CAPTCHA en el panel de Recompensas Semanales para reclamar tus Créditos antes de que se reinicie la semana (Domingo 23:59 UTC).";
+        readonly title: "Reclama Tus Créditos";
+    };
+    readonly zh: {
+        readonly description: "你已经赚取了积分，但还没有领取！在每周奖励面板中完成CAPTCHA，以在星期日23:59 UTC之前领取你的积分。";
+        readonly title: "领取你的积分";
+    };
+};
+declare const creditsCompleteYourWeeklyGoalsI18n: {
+    readonly en: {
+        readonly description: "Don't miss out on your Credits! Complete your weekly goals before the week resets (23:59 UTC Sunday).";
+        readonly title: "Complete Your Weekly Goals";
+    };
+    readonly es: {
+        readonly description: "¡No te pierdas tus Créditos! Completa tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).";
+        readonly title: "Completa Tus Objetivos Semanales";
+    };
+    readonly zh: {
+        readonly description: "不要错过你的积分！在星期日23:59 UTC之前完成你的每周目标。";
+        readonly title: "完成你的每周目标";
+    };
+};
+declare const creditsDoNotMissOutI18n: {
+    readonly en: {
+        readonly description: "Marketplace Credits are waiting! Jump in to complete your weekly goals before the week resets (23:59 UTC Sunday).";
+        readonly title: "Jump In, Earn Credits";
+    };
+    readonly es: {
+        readonly description: "Marketplace Creditos esperan! Salta a completar tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).";
+        readonly title: "Salta, Gana Creditos";
+    };
+    readonly zh: {
+        readonly description: "商城积分等你来拿！赶快在本周重置（UTC 时间周日 23:59）之前完成你的每周目标吧。";
+        readonly title: "加入，赢取积分";
+    };
+};
+declare const creditsExpireIn24HrsReminderI18n: {
+    readonly en: {
+        readonly description: "Spend your Credits before they expire tonight, {date}.";
+        readonly title: "Only 24hrs Left";
+    };
+    readonly es: {
+        readonly description: "Gasta tus Créditos antes de que expiren esta noche, {date}.";
+        readonly title: "Solo quedan 24 horas";
+    };
+    readonly zh: {
+        readonly description: "在今晚{date}过期前使用你的积分。";
+        readonly title: "仅剩24小时";
+    };
+};
+declare const creditsExpireSoonReminderI18n: {
+    readonly en: {
+        readonly description: "Your Marketplace Credits expire in one week on {date}. Spend them before it's too late!";
+        readonly title: "Your Credits Expire Soon";
+    };
+    readonly es: {
+        readonly description: "Tus Créditos de Marketplace expiran en una semana el {date}. ¡Gástalos antes de que sea demasiado tarde!";
+        readonly title: "Tus Créditos Expiran Pronto";
+    };
+    readonly zh: {
+        readonly description: "你的Marketplace积分将在一周后的{date}过期。请在过期前使用它们！";
+        readonly title: "你的积分即将过期";
+    };
+};
+declare const creditsOnDemandGrantedI18n: {
+    readonly en: {
+        readonly description: "Congrats! You've earned {amount} extra Credits for this season. Make sure to use them before they expire!";
+        readonly title: "Bonus Credits Unlocked!";
+    };
+    readonly es: {
+        readonly description: "¡Felicidades! Has ganado {amount} créditos adicionales para esta temporada. ¡Asegúrate de usarlos antes de que caduquen!";
+        readonly title: "¡Créditos adicionales desbloqueados!";
+    };
+    readonly zh: {
+        readonly description: "恭喜！您已获得本赛季的{amount}额外积分。请务必在它们过期前使用！";
+        readonly title: "奖励积分已解锁！";
+    };
+};
+export { creditsClaimReminderI18n, creditsCompleteYourWeeklyGoalsI18n, creditsDoNotMissOutI18n, creditsExpireIn24HrsReminderI18n, creditsExpireSoonReminderI18n, creditsOnDemandGrantedI18n, };

package/dist/components/Notifications/NotificationTypes/Credits/Credits.i18n.js

@@ -0,0 +1,86 @@
+const creditsClaimReminderI18n = {
+    en: {
+        description: "You've earned Credits, but haven't claimed them yet! Complete the CAPTCHA in the Weekly Rewards panel to claim your Credits before the week resets (23:59 UTC Sunday).",
+        title: "Claim Your Credits",
+    },
+    es: {
+        description: "¡Has ganado Créditos pero aún no los has reclamado! Completa el CAPTCHA en el panel de Recompensas Semanales para reclamar tus Créditos antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Reclama Tus Créditos",
+    },
+    zh: {
+        description: "你已经赚取了积分，但还没有领取！在每周奖励面板中完成CAPTCHA，以在星期日23:59 UTC之前领取你的积分。",
+        title: "领取你的积分",
+    },
+};
+const creditsCompleteYourWeeklyGoalsI18n = {
+    en: {
+        description: "Don't miss out on your Credits! Complete your weekly goals before the week resets (23:59 UTC Sunday).",
+        title: "Complete Your Weekly Goals",
+    },
+    es: {
+        description: "¡No te pierdas tus Créditos! Completa tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Completa Tus Objetivos Semanales",
+    },
+    zh: {
+        description: "不要错过你的积分！在星期日23:59 UTC之前完成你的每周目标。",
+        title: "完成你的每周目标",
+    },
+};
+const creditsDoNotMissOutI18n = {
+    en: {
+        description: "Marketplace Credits are waiting! Jump in to complete your weekly goals before the week resets (23:59 UTC Sunday).",
+        title: "Jump In, Earn Credits",
+    },
+    es: {
+        description: "Marketplace Creditos esperan! Salta a completar tus objetivos semanales antes de que se reinicie la semana (Domingo 23:59 UTC).",
+        title: "Salta, Gana Creditos",
+    },
+    zh: {
+        description: "商城积分等你来拿！赶快在本周重置（UTC 时间周日 23:59）之前完成你的每周目标吧。",
+        title: "加入，赢取积分",
+    },
+};
+const creditsExpireIn24HrsReminderI18n = {
+    en: {
+        description: "Spend your Credits before they expire tonight, {date}.",
+        title: "Only 24hrs Left",
+    },
+    es: {
+        description: "Gasta tus Créditos antes de que expiren esta noche, {date}.",
+        title: "Solo quedan 24 horas",
+    },
+    zh: {
+        description: "在今晚{date}过期前使用你的积分。",
+        title: "仅剩24小时",
+    },
+};
+const creditsExpireSoonReminderI18n = {
+    en: {
+        description: "Your Marketplace Credits expire in one week on {date}. Spend them before it's too late!",
+        title: "Your Credits Expire Soon",
+    },
+    es: {
+        description: "Tus Créditos de Marketplace expiran en una semana el {date}. ¡Gástalos antes de que sea demasiado tarde!",
+        title: "Tus Créditos Expiran Pronto",
+    },
+    zh: {
+        description: "你的Marketplace积分将在一周后的{date}过期。请在过期前使用它们！",
+        title: "你的积分即将过期",
+    },
+};
+const creditsOnDemandGrantedI18n = {
+    en: {
+        description: "Congrats! You've earned {amount} extra Credits for this season. Make sure to use them before they expire!",
+        title: "Bonus Credits Unlocked!",
+    },
+    es: {
+        description: "¡Felicidades! Has ganado {amount} créditos adicionales para esta temporada. ¡Asegúrate de usarlos antes de que caduquen!",
+        title: "¡Créditos adicionales desbloqueados!",
+    },
+    zh: {
+        description: "恭喜！您已获得本赛季的{amount}额外积分。请务必在它们过期前使用！",
+        title: "奖励积分已解锁！",
+    },
+};
+export { creditsClaimReminderI18n, creditsCompleteYourWeeklyGoalsI18n, creditsDoNotMissOutI18n, creditsExpireIn24HrsReminderI18n, creditsExpireSoonReminderI18n, creditsOnDemandGrantedI18n, };
+//# sourceMappingURL=Credits.i18n.js.map

package/dist/components/Notifications/NotificationTypes/Credits/Credits.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Credits.i18n.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/Credits.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,wBAAwB,GAAG;IAC/B,EAAE,EAAE;QACF,WAAW,EACT,wKAAwK;QAC1K,KAAK,EAAE,oBAAoB;KAC5B;IACD,EAAE,EAAE;QACF,WAAW,EACT,iMAAiM;QACnM,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EACT,2DAA2D;QAC7D,KAAK,EAAE,QAAQ;KAChB;CACO,CAAA;AAEV,MAAM,kCAAkC,GAAG;IACzC,EAAE,EAAE;QACF,WAAW,EACT,uGAAuG;QACzG,KAAK,EAAE,4BAA4B;KACpC;IACD,EAAE,EAAE;QACF,WAAW,EACT,uHAAuH;QACzH,KAAK,EAAE,kCAAkC;KAC1C;IACD,EAAE,EAAE;QACF,WAAW,EAAE,mCAAmC;QAChD,KAAK,EAAE,UAAU;KAClB;CACO,CAAA;AAEV,MAAM,uBAAuB,GAAG;IAC9B,EAAE,EAAE;QACF,WAAW,EACT,mHAAmH;QACrH,KAAK,EAAE,uBAAuB;KAC/B;IACD,EAAE,EAAE;QACF,WAAW,EACT,iIAAiI;QACnI,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EACT,8CAA8C;QAChD,KAAK,EAAE,SAAS;KACjB;CACO,CAAA;AAEV,MAAM,gCAAgC,GAAG;IACvC,EAAE,EAAE;QACF,WAAW,EAAE,wDAAwD;QACrE,KAAK,EAAE,iBAAiB;KACzB;IACD,EAAE,EAAE;QACF,WAAW,EAAE,6DAA6D;QAC1E,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,EAAE;QACF,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE,QAAQ;KAChB;CACO,CAAA;AAEV,MAAM,6BAA6B,GAAG;IACpC,EAAE,EAAE;QACF,WAAW,EACT,yFAAyF;QAC3F,KAAK,EAAE,0BAA0B;KAClC;IACD,EAAE,EAAE;QACF,WAAW,EACT,0GAA0G;QAC5G,KAAK,EAAE,6BAA6B;KACrC;IACD,EAAE,EAAE;QACF,WAAW,EACT,0CAA0C;QAC5C,KAAK,EAAE,UAAU;KAClB;CACO,CAAA;AAEV,MAAM,0BAA0B,GAAG;IACjC,EAAE,EAAE;QACF,WAAW,EACT,2GAA2G;QAC7G,KAAK,EAAE,yBAAyB;KACjC;IACD,EAAE,EAAE;QACF,WAAW,EACT,0HAA0H;QAC5H,KAAK,EAAE,sCAAsC;KAC9C;IACD,EAAE,EAAE;QACF,WAAW,EACT,sCAAsC;QACxC,KAAK,EAAE,UAAU;KAClB;CACO,CAAA;AAEV,OAAO,EACL,wBAAwB,EACxB,kCAAkC,EAClC,uBAAuB,EACvB,gCAAgC,EAChC,6BAA6B,EAC7B,0BAA0B,GAC3B,CAAA"}

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

@@ -1,5 +1,5 @@
 import { NotificationType } from "@dcl/schemas";
-import { RawDecentralandNotification } from "components/Notifications/types";
+import { RawDecentralandNotification } from "components/Notifications/Notifications.types";
 type CreditsNotificationsProps = CreditsCompleteYourWeeklyGoalsNotificationProps | CreditsDoNotMissOutNotificationProps | CreditsClaimReminderNotificationProps | CreditsOnDemandGrantedNotificationProps | CreditsExpireSoonReminderNotificationProps | CreditsExpireIn24HrsReminderNotificationProps;
 type CreditsExpirationCommonProps = {
     expirationDate: string;

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

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

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

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

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CommonNotificationProps } from "components/Notifications/types";
-import { CreditsClaimReminderNotificationProps } from "./types";
+import { CommonNotificationProps } from "../../Notifications.types";
+import { CreditsClaimReminderNotificationProps } from "./Credits.types";
 declare const CreditsClaimReminderNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsClaimReminderNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
 export { CreditsClaimReminderNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { i18n } from "./CreditsClaimReminderNotification.i18n";
+import { creditsClaimReminderI18n } from "./Credits.i18n";
 import { CreditsIcon } from "../../../Icon/Notifications/CreditsIcon";
-import { NotificationItem } from "../../NotificationItem";
-import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { NotificationItemText } from "../../NotificationItem";
 const CreditsClaimReminderNotification = React.memo((props) => {
     const { notification, locale } = props;
-    return (_jsxs(NotificationItem, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+    return (_jsx(NotificationItemText, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), locale: locale, notification: notification, title: creditsClaimReminderI18n[locale].title, description: creditsClaimReminderI18n[locale].description }));
 });
 export { CreditsClaimReminderNotification };
 //# sourceMappingURL=CreditsClaimReminderNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditsClaimReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,gCAAgC,GAAG,KAAK,CAAC,IAAI,CACjD,CAAC,KAAqE,EAAE,EAAE;IACxE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,gCAAgC,EAAE,CAAA"}
+{"version":3,"file":"CreditsClaimReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsClaimReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,MAAM,gCAAgC,GAAG,KAAK,CAAC,IAAI,CACjD,CAAC,KAAqE,EAAE,EAAE;IACxE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC,KAAK,EAC7C,WAAW,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC,WAAW,GACzD,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,gCAAgC,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CommonNotificationProps } from "components/Notifications/types";
-import { CreditsCompleteYourWeeklyGoalsNotificationProps } from "./types";
+import { CommonNotificationProps } from "../../Notifications.types";
+import { CreditsCompleteYourWeeklyGoalsNotificationProps } from "./Credits.types";
 declare const CreditsCompleteYourWeeklyGoalsNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsCompleteYourWeeklyGoalsNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
 export { CreditsCompleteYourWeeklyGoalsNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { i18n } from "./CreditsCompleteYourWeeklyGoalsNotification.i18n";
+import { creditsCompleteYourWeeklyGoalsI18n } from "./Credits.i18n";
 import { CreditsCompleteYourGoalsReminderIcon } from "../../../Icon/Notifications/CreditsCompleteYourGoalsReminderIcon";
-import { NotificationItem } from "../../NotificationItem";
-import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { NotificationItemText } from "../../NotificationItem";
 const CreditsCompleteYourWeeklyGoalsNotification = React.memo((props) => {
     const { notification, locale } = props;
-    return (_jsxs(NotificationItem, { image: _jsx(CreditsCompleteYourGoalsReminderIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+    return (_jsx(NotificationItemText, { image: _jsx(CreditsCompleteYourGoalsReminderIcon, { width: 48, height: 48 }), locale: locale, notification: notification, title: creditsCompleteYourWeeklyGoalsI18n[locale].title, description: creditsCompleteYourWeeklyGoalsI18n[locale].description }));
 });
 export { CreditsCompleteYourWeeklyGoalsNotification };
 //# sourceMappingURL=CreditsCompleteYourWeeklyGoalsNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditsCompleteYourWeeklyGoalsNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,mDAAmD,CAAA;AAExE,OAAO,EAAE,oCAAoC,EAAE,MAAM,kEAAkE,CAAA;AACvH,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,0CAA0C,GAAG,KAAK,CAAC,IAAI,CAC3D,CACE,KAA+E,EAC/E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,oCAAoC,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtE,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,0CAA0C,EAAE,CAAA"}
+{"version":3,"file":"CreditsCompleteYourWeeklyGoalsNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsCompleteYourWeeklyGoalsNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kCAAkC,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,oCAAoC,EAAE,MAAM,kEAAkE,CAAA;AACvH,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,MAAM,0CAA0C,GAAG,KAAK,CAAC,IAAI,CAC3D,CACE,KAA+E,EAC/E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAC,oCAAoC,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtE,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,kCAAkC,CAAC,MAAM,CAAC,CAAC,KAAK,EACvD,WAAW,EAAE,kCAAkC,CAAC,MAAM,CAAC,CAAC,WAAW,GACnE,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,0CAA0C,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CommonNotificationProps } from "components/Notifications/types";
-import { CreditsDoNotMissOutNotificationProps } from "./types";
+import { CommonNotificationProps } from "../../Notifications.types";
+import { CreditsDoNotMissOutNotificationProps } from "./Credits.types";
 declare const CreditsDoNotMissOutNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsDoNotMissOutNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
 export { CreditsDoNotMissOutNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.js

@@ -1,13 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { i18n } from "./CreditsDoNotMissOutNotification.i18n";
+import { creditsDoNotMissOutI18n } from "./Credits.i18n";
 import { CreditsIcon } from "../../../Icon/Notifications/CreditsIcon";
-import { NotificationItem } from "../../NotificationItem";
-import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { NotificationItemText } from "../../NotificationItem";
 const CreditsDoNotMissOutNotification = React.memo((props) => {
     const { notification, locale } = props;
-    console.log("rendering CreditsDoNotMissOutNotification", notification);
-    return (_jsxs(NotificationItem, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: i18n[locale].description })] }));
+    return (_jsx(NotificationItemText, { image: _jsx(CreditsIcon, { width: 48, height: 48 }), locale: locale, notification: notification, title: creditsDoNotMissOutI18n[locale].title, description: creditsDoNotMissOutI18n[locale].description }));
 });
 export { CreditsDoNotMissOutNotification };
 //# sourceMappingURL=CreditsDoNotMissOutNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditsDoNotMissOutNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AAEtC,MAAM,+BAA+B,GAAG,KAAK,CAAC,IAAI,CAChD,CAAC,KAAoE,EAAE,EAAE;IACvE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,YAAY,CAAC,CAAA;IACtE,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,GACG,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,+BAA+B,EAAE,CAAA"}
+{"version":3,"file":"CreditsDoNotMissOutNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsDoNotMissOutNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,MAAM,+BAA+B,GAAG,KAAK,CAAC,IAAI,CAChD,CAAC,KAAoE,EAAE,EAAE;IACvE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7C,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC,KAAK,EAC5C,WAAW,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC,WAAW,GACxD,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,+BAA+B,EAAE,CAAA"}

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CommonNotificationProps } from "components/Notifications/types";
-import { CreditsExpireIn24HrsReminderNotificationProps } from "./types";
+import { CommonNotificationProps } from "../../Notifications.types";
+import { CreditsExpireIn24HrsReminderNotificationProps } from "./Credits.types";
 declare const CreditsExpireIn24HrsReminderNotification: React.MemoExoticComponent<(props: CommonNotificationProps<CreditsExpireIn24HrsReminderNotificationProps>) => import("react/jsx-runtime").JSX.Element>;
 export { CreditsExpireIn24HrsReminderNotification };

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { i18n } from "./CreditsExpireIn24HrsReminderNotification.i18n";
+import { creditsExpireIn24HrsReminderI18n } from "./Credits.i18n";
 import { CreditsExpireSoonReminderIcon } from "../../../Icon/Notifications/CreditsExpireSoonReminderIcon";
-import { NotificationItem } from "../../NotificationItem";
-import { NotificationItemDescription, NotificationItemTitle, } from "../../NotificationItem.styled";
+import { NotificationItemText } from "../../NotificationItem";
 import { replaceWithValues } from "../../utils";
 const CreditsExpireIn24HrsReminderNotification = React.memo((props) => {
     const { notification, locale } = props;
-    return (_jsxs(NotificationItem, { image: _jsx(CreditsExpireSoonReminderIcon, { width: 48, height: 48 }), timestamp: notification.timestamp, isNew: !notification.read, locale: locale, children: [_jsx(NotificationItemTitle, { children: i18n[locale].title }), _jsx(NotificationItemDescription, { color: "inherit", underline: "none", children: replaceWithValues(i18n[locale].description, {
-                    date: notification.metadata.expirationDate,
-                }) })] }));
+    return (_jsx(NotificationItemText, { image: _jsx(CreditsExpireSoonReminderIcon, { width: 48, height: 48 }), locale: locale, notification: notification, title: creditsExpireIn24HrsReminderI18n[locale].title, description: replaceWithValues(creditsExpireIn24HrsReminderI18n[locale].description, {
+            date: notification.metadata.expirationDate,
+        }) }));
 });
 export { CreditsExpireIn24HrsReminderNotification };
 //# sourceMappingURL=CreditsExpireIn24HrsReminderNotification.js.map

package/dist/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreditsExpireIn24HrsReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,iDAAiD,CAAA;AAEtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAA;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,wCAAwC,GAAG,KAAK,CAAC,IAAI,CACzD,CACE,KAA6E,EAC7E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,MAAC,gBAAgB,IACf,KAAK,EAAE,KAAC,6BAA6B,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC/D,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM,aAEd,KAAC,qBAAqB,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAyB,EACnE,KAAC,2BAA2B,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YAC1D,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE;oBAC3C,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,cAAc;iBAC3C,CAAC,GAC0B,IACb,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,wCAAwC,EAAE,CAAA"}
+{"version":3,"file":"CreditsExpireIn24HrsReminderNotification.js","sourceRoot":"","sources":["../../../../../src/components/Notifications/NotificationTypes/Credits/CreditsExpireIn24HrsReminderNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gCAAgC,EAAE,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAA;AACzG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAG/C,MAAM,wCAAwC,GAAG,KAAK,CAAC,IAAI,CACzD,CACE,KAA6E,EAC7E,EAAE;IACF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACtC,OAAO,CACL,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAC,6BAA6B,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC/D,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,gCAAgC,CAAC,MAAM,CAAC,CAAC,KAAK,EACrD,WAAW,EAAE,iBAAiB,CAC5B,gCAAgC,CAAC,MAAM,CAAC,CAAC,WAAW,EACpD;YACE,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,cAAc;SAC3C,CACF,GACD,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,wCAAwC,EAAE,CAAA"}